如何 让滚动条消失 且页面可以正常滚动

今天在修改页面样式的时候，又遇到了滚动条的问题，

那么如何让滚动条消失 但同时又保持页面可以正常滚动呢？

很简单，我们只需要加一个属性：

1.在谷歌浏览器中 页面加入 ：

::-webkit-scrollbar {
            width: 0px;
        }

将滚动条宽度设置为0，

2.在IE 中比较麻烦需要添加如下代码：

HTML {   
scrollbar-base-color: #fff;   
scrollbar-base-color: #fff;   
scrollbar-3dlight-color: #fff;   
scrollbar-highlight-color: #fff;   
scrollbar-track-color: #fff;   
scrollbar-arrow-color: #fff;   
scrollbar-shadow-color: #fff;   
scrollbar-dark-shadow-color: #fff;   
}  

　为页面滚动条添加样式，背景全部透明（应该也可以）或者白色；

 

但是 ie 中 scroll bar  宽度好像设置不上