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