前幾天進(jìn)行移動(dòng)端頁面時(shí)突然碰到一個(gè)很尷尬的問題，給body加了overflow:hidden，但是body并沒有禁止?jié)L動(dòng)條，滾動(dòng)條依舊順滑，pc端設(shè)置overflow:hidden頁面是正常的，可以進(jìn)行滾動(dòng)條的禁止，但放到手機(jī)上測(cè)試時(shí)滾動(dòng)條禁止居然不管用了。
解決前：
最后文匯小編通過百度查尋解決方案，總結(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è)頁面將無法滾動(dòng)，這種禁止?jié)L動(dòng)效果主要用于移動(dòng)端彈出層中，所以也要根據(jù)自己的情況進(jìn)行選擇使用。
解決后：
想要了解更多前端知識(shí)，請(qǐng)關(guān)注文匯軟件
上一篇： 百度地圖定位上的那些坑
開啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站手術(shù)移動(dòng)護(hù)理系統(tǒng)詳細(xì)流程(千佛山醫(yī)院版）")
開啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站山東省移動(dòng)互聯(lián)創(chuàng)新創(chuàng)業(yè)大賽")
開啟了相對(duì)路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對(duì)路徑（在關(guān)閉開發(fā)者模式后不顯示這句話） "濟(jì)南建站金世紀(jì)室內(nèi)設(shè)計(jì)移動(dòng)端")
