CSS隐藏网页滚动条

前几天发现一个bug,记录下。。。
在网页上定住页面时,即
overflow-y: hidden;会导致网页移动了下,经查是滚动条突然消失后网页扩展的原因
为避免此bug。。把网页的滚动条隐藏了、。、、效果可看本站
一段CSS搞定,代码如下
/* 滚动条*/ ::-webkit-scrollbar { width: 0px; height: 10px } ::-webkit-scrollbar-button { display: none } ::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece { background: -webkit-gradient(linear,left); width: 10px; height: 10px } ::-webkit-scrollbar-thumb { border-width: 0 3px; border-style: solid; border-color: #fefefe; border-radius: 6px; background: #d9d9d9 } ::-webkit-scrollbar-thumb:horizontal { border-width: 3px 0; border-style: solid; border-color: #fefefe; border-radius: 5px; background: #d9d9d9 } ::-webkit-scrollbar-thumb:hover { background: #bdbdbd } ::-webkit-scrollbar-thumb:active { background: #8e8e8e } /* 滚动条结束 */



本文作者:起点终站
文章标题: CSS隐藏网页滚动条
本文地址:https://blog.hellozwh.com/?post=316
版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。
本文地址:https://blog.hellozwh.com/?post=316
版权声明:若无注明,本文皆为“起点终站”原创,转载请保留文章出处。

