移动端静止滑动处理方式

方式一：纯CSS处理

使用 .shodow{overflow: hidden;}

注意：需要添加以下二选一的处理方式：

        1.将要隐藏滚动的内容加上一个包裹层div，然后给这个div设置高度为window.height() ，并且 overflow:hidden 就可以解决你的问题。

        2.给body添加CSS属性{position:fixed;}

方式二：使用Jquery监听处理(部分手机兼容性有问题)

        添加监听

     $('body').bind("touchmove", function(e){
        e.preventDefault();
     },false);

        移除监听

    $('body').unbind('touchmove');

方式三：使用JavaScript处理(针对Jquery兼容问题)

        添加监听

    document.body.addEventListener('touchmove', function (e) {
                    e.preventDefault();
                }, {passive: false});

        移除监听

   document.body.addEventListener('touchmove', function (e) {
            window.event.returnValue = true
        });

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。