移動端body overflow:hidden無效解決辦法

最近在移動端測試頁面,有一個需求是超出手機屏幕顯示範圍的內容因此,本來是一個很簡單的需求,也就是一個overflow的事情,但是卻出現意外情況,這個樣式居然在移動端無效,也不是所有瀏覽器都無效,起碼在微信自帶的瀏覽器中還是有效果的,但是手機自帶或者UC就不行,於是百度了一些解決辦法,最終找到了一個(不確保移動端所有瀏覽器均會生效)。

產生的可能原因
body的position爲static,也就是無定位,需要更改position爲fixed

body{position:fixed}

加入該代碼後,overflow:hidden就可以生效了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章