如何 讓滾動條消失 且頁面可以正常滾動

今天在修改頁面樣式的時候，又遇到了滾動條的問題，

那么如何讓滾動條消失 但同時又保持頁面可以正常滾動呢？

很簡單，我們只需要加一個屬性：

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  寬度好像設置不上