移動(dòng)端頁(yè)面為了更接近原生的體驗(yàn)斯撮，是否可以隱藏滾動(dòng)條，同時(shí)又保證頁(yè)面可以滾動(dòng)扶叉？
使用?overflow:hidden?隱藏滾動(dòng)條勿锅，但存在的問題是：頁(yè)面或元素失去了滾動(dòng)的特性。
由于只需要兼容移動(dòng)瀏覽器（Chrome 和 Safari）辜梳，于是想到了自定義滾動(dòng)條的偽對(duì)象選擇器
::-webkit-scrollbar粱甫。
關(guān)于這個(gè)選擇器的介紹可以參考：
應(yīng)用如下 CSS 可以隱藏滾動(dòng)條：
.element::-webkit-scrollbar{display:none}
如果要兼容 PC 其他瀏覽器（IE、Firefox 等）作瞄，國(guó)外一位才人 John Kurlak 也研究出了一種辦法。在容器外面再嵌套一層?overflow:hidden?內(nèi)部?jī)?nèi)容再限制尺寸和外部嵌套層一樣危纫，就變相隱藏了宗挥。
......
.outer-container,.content{width:200px;height:200px;}.outer-container{position:relative;overflow:hidden;}.inner-container{position:absolute;left:0;overflow-x:hidden;overflow-y:scroll;}/* for Chrome */.inner-container::-webkit-scrollbar{display:none;}
參考：Hiding Vertical Scrollbars with Pure CSS in Chrome, IE (6+), Firefox, Opera, and Safari
標(biāo)簽：CSS3Chrome移動(dòng)開發(fā)
