通常情況下設(shè)置完overflow：scroll之后，就會(huì)在頁(yè)面中出現(xiàn)滾動(dòng)條，下邊的方法可以取消掉此滾動(dòng)條：

container為當(dāng)前設(shè)置overflow:scroll的元素

1、使用以下CSS可以隱藏滾動(dòng)條：

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

但是要兼容其他瀏覽器的話這個(gè)就不太好用了，這個(gè)適用于Chrome
2、為了兼容其他的瀏覽器，可以用這樣的方法：
　　在滾動(dòng)區(qū)域外再套一層div，給這層div設(shè)置overflow: hidden，即可隱藏滾動(dòng)條

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

可是，經(jīng)過(guò)我的測(cè)試，這個(gè)方法雖然兼容了其他的瀏覽器，但是移動(dòng)端我發(fā)現(xiàn)用微信打開(kāi)這個(gè)頁(yè)面，依舊存在一個(gè)很丑的默認(rèn)樣式的滾動(dòng)條。

3、這種情況下，可以給container設(shè)置一個(gè)padding-bottom（根據(jù)滾動(dòng)條的位置來(lái)設(shè)置，我的container是overflow-x: scroll），把滾動(dòng)條擠出可視范圍，這樣在視覺(jué)上相當(dāng)于把滾動(dòng)條隱藏起來(lái)了

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