css
文章平均质量分 77
优睿
这个作者很懒,什么都没留下…
展开
-
如何实现上下滚动的公告效果
在网页开发过程中实现公告上下滚动是常有的事,那如何实现呢?请往下看:html代码:<div class="notice"> <ul> <li>开通优睿素材网vip会员,畅享海量资源下载</li> <li>优睿素材网正式上线啦,更多素材等着你哦</li> </ul></div&原创 2018-07-10 16:28:52 · 2784 阅读 · 0 评论 -
clientHeight , scrollHeight , offsetHeight之间的区别及兼容方案
clientHeight , scrollHeight , offsetHeight相信每个人都用过,可是每次用都要查一下到底哪个是文档大小哪个是视口大小,还有头疼的兼容问题。先来官方的了解一下这三个属性:clientHeight:元素客户区的大小,指的是元素内容及其边框所占据的空间大小(经过实践取出来的大多是视口大小)scrollHeight: 滚动大小,指的是包含滚动内容的元素大小(元素内容的...转载 2018-07-04 17:30:39 · 165 阅读 · 0 评论 -
css如何修改滚动条样式
默认滚动条样式如下:那如何修改呢?如下代码:<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="height:400px;"&am原创 2018-07-05 10:40:37 · 106157 阅读 · 10 评论 -
禁止蒙层底部页面跟随滚动
方案分析方案一打开蒙层时,给body添加样式:overflow: hidden;height: 100%;在某些机型下,你可能还需要给根节点添加样式:overflow: hidden;关闭蒙层时,移除以上样式。优点:简单方便,只需添加css样式,没有复杂的逻辑。缺点:兼容性不好,适用于pc,移动端就尴尬了。部分安卓机型以及safari中,无法无法阻止底部页面滚动。如果需要应用于移动端,那么你可能...转载 2018-07-06 16:10:14 · 591 阅读 · 0 评论