html隐藏网页滚动条样式,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

}

/* 滚动条结束 */

代码由鬼少提供，biu biu biu 感谢下他