如何解决body的overflow:hidden;在移动端失效

在PC端中百试不爽的document.body.style.overflow=’hidden’;可以使屏幕滑动时而不滚动,但是在移动端却达不到效果了,我在网上也看过一些资料,有说加上html,body 它们的高度设置为100%,就可以解决这个问题,但在我的尝试中一样没有效果,那如何解决呢?

如何解决呢?

可以给设置

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

使body根据屏幕定位,这样你如何滚动body都还是在你屏幕定位的地方。

如何恢复呢?

当你想让屏幕继续滚动的时候可以设置

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

恢复定位的默认属性,这样就代替了document.body.style.overflow=’hidden’;在移动端失效的效果了。

    原文作者:Brighten_Sun
    原文地址: https://www.jianshu.com/p/b241c4a4ec34
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞