取消overflow-scroll的滾動條

通常情況下設置完overflow：scroll之后，就會在頁面中出現滾動條，下邊的方法可以取消掉此滾動條：

　　container為當前設置overflow:scroll的元素

1、使用以下CSS可以隱藏滾動條：

.container::-webkit-scrollbar {display:none}

　　但是要兼容其他瀏覽器的話這個就不太好用了，這個適用於Chrome

2、為了兼容其他的瀏覽器，可以用這樣的方法：

　　在滾動區域外再套一層div，給這層div設置overflow: hidden，即可隱藏滾動條

//給container外層加一個div（container-wrapper）
 
.container-wrapper{overflow: hidden}

　　可是，經過我的測試，這個方法雖然兼容了其他的瀏覽器，但是移動端我發現用微信打開這個頁面，依舊存在一個很丑的默認樣式的滾動條。

3、這種情況下，可以給container設置一個padding-bottom（根據滾動條的位置來設置，我的container是overflow-x: scroll），把滾動條擠出可視范圍，這樣在視覺上相當於把滾動條隱藏起來了

container{
　　overflow-x: scroll;
　　overflow-y: hidden;
　　/*解決ios上滑動不流暢*/
　　-webkit-overflow-scrolling: touch;
　　padding-bottom: 25px;
　}