如何解決body的overflow:hidden;在移動端失效

在PC端中百試不爽的document.body.style.overflow='hidden';可以使屏幕滑動時而不滾動,但是在移動端卻達不到效果了,我在網(wǎng)上也看過一些資料,有說加上html,body 它們的高度設置為100%,就可以解決這個問題,但在我的嘗試中一樣沒有效果,那如何解決呢?

如何解決呢?

可以給設置

document.body.style.position='fixed'; 

使body根據(jù)屏幕定位,這樣你如何滾動body都還是在你屏幕定位的地方。

如何恢復呢?

當你想讓屏幕繼續(xù)滾動的時候可以設置

document.body.style.position='static'; 

恢復定位的默認屬性,這樣就代替了document.body.style.overflow='hidden';在移動端失效的效果了。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,118評論 1 92
  • 這是一個最好的時代,因為我們站在潮流中;但也是一個最壞的時代,因為我們站在潮頭上。 META相關 1. 添加到主屏...
    泡芙小姐110閱讀 759評論 3 17
  • 移動端網(wǎng)頁布局中需要注意事項以及解決方法總結,這份對我們在布局移動端網(wǎng)頁的時候非常有用! winphone系統(tǒng)a、...
    張憲宇閱讀 1,142評論 0 6
  • 2017.07.05No95 0710-0735用時25分鐘字數(shù)625 很多時候我們會發(fā)現(xiàn),執(zhí)行力上來之后,思考的...
    何不可閱讀 995評論 2 3
  • 前言 有沒有剩下回望的時間再看我一眼 我分不清天邊是紅云還是你燃起的火焰 哪一世才是終點 徹悟卻說不出再見 有沒有...
    小小星球閱讀 921評論 0 1

友情鏈接更多精彩內容