在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';在移动端失效的效果了。