前幾天進行移動端頁面時突然碰到一個很尷尬的問題，給body加了overflow:hidden，但是body并沒有禁止?jié)L動條，滾動條依舊順滑，pc端設(shè)置overflow:hidden頁面是正常的，可以進行滾動條的禁止，但放到手機上測試時滾動條禁止居然不管用了。
解決前：
最后文匯小編通過百度查尋解決方案，總結(jié)出了三種方案
1、body加position:fixed;width:100%;height:100%。
2、給要滾動的元素添加一個父級，設(shè)定高度，overflow：auto；
3、html,body{height:100%;overflow:hidden}
這里我建議使用第三種，可以把overflow:hidden作為一個單獨的隱藏類，更方便控制，但設(shè)置overflow:hidden；整個頁面將無法滾動，這種禁止?jié)L動效果主要用于移動端彈出層中，所以也要根據(jù)自己的情況進行選擇使用。
解決后：
想要了解更多前端知識，請關(guān)注文匯軟件
上一篇： 百度地圖定位上的那些坑
