前言
本文主要給大家介紹了關(guān)于在移動(dòng)端設(shè)置了overflow:hidden
頁面還會(huì)滾動(dòng)的禁止方法,分享出來供大家參考學(xué)習(xí),下面話不多說了,來一起看看詳細(xì)的介紹吧。
如果把 overflow:hidden
用在 body 標(biāo)簽,移動(dòng)端瀏覽器依然能滾動(dòng),因?yàn)橐苿?dòng)端是基于touch事件,解決方法有兩個(gè)。
方法一:
將要隱藏滾動(dòng)的內(nèi)容加上一個(gè)包裹層div,然后給這個(gè)div設(shè)置高度為window.height()
,并且 overflow:hidden
就可以解決你的問題。
方法二:
給 body 添加 position:fixed;
示例:
body { overflow:hidden; position:fixed; left:0; top:0; }
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)的支持。
【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。