移动端如何禁止body的滚动

1、js原生方法:

document.addEventListener('touchmove', function(event) {
    event.preventDefault();
}, false);

或者

function stopScroll(e){
    document.documentElement.style.overflow='hidden';
}

2、jQuery/Zepto

$('body').on('touchmove',function(event){event.preventDefault();});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,650评论 0 106
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,005评论 24 450
  • WLAN WLAN:就是无线局域网(Wireless LAN),WLAN 通信系统作为有线 LAN 的一种扩展,使...
    神农民阅读 3,950评论 0 0
  • 自尊不能解释一切, 但我们日常生活中的许多行为、表现都与它休戚相关。 你了解自己的自尊水平吗? 你想知道人群中自尊...
    AKE训练营阅读 423评论 0 0
  • 文/恰恰天蓝 || 邀你一起,生命不息,日更不止 「套路」,这个概念原指「武术招式的组合」,现在多代指为「成套的技...
    恰恰天蓝阅读 351评论 2 2