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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,684评论 1 92
  • 这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏...
    泡芙小姐110阅读 3,975评论 3 17
  • 移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a、...
    张宪宇阅读 4,675评论 0 6
  • 2017.07.05No95 0710-0735用时25分钟字数625 很多时候我们会发现,执行力上来之后,思考的...
    何不可阅读 4,423评论 2 3
  • 前言 有没有剩下回望的时间再看我一眼 我分不清天边是红云还是你燃起的火焰 哪一世才是终点 彻悟却说不出再见 有没有...
    小小星球阅读 4,288评论 0 1