移动端阻止body滚动

一些移动设备有缺省的touchmove行为,比如说经典的iOS overscroll效果,当滚动超出了内容的界限时就引发视图反弹

阻止滚动:

css:

body{
  height:100%;
  overflow-y:hidden;        
}

js:

function bodyScroll(){
    e.preventDefault();
}
document.addEventListener('touchmove', bodyScroll, false); //阻止
document.removeEventListener('touchmove', bodyScroll, false); //激活

阻止后激活要用同一函数

posted @ 2016-04-08 13:22  meakchen  阅读(1086)  评论(0)    收藏  举报