禁止移动端网页页面被拖拽下拉的方法

  • 2016-01-13
  • 520
  • 1

今天有开发者在后盾网论坛问到如何不让网页页面在手机端被拖拽下拉的方法,问题是这样的,一般手机端打开的页面可以在手指向下滑动的时候被整体下拉,如果不想让页面被下拉,用js阻止ontouchmove 事件即可,示例代码如下:

<script>
    document.ontouchmove = function(e) {
        e.preventDefault();
    }
</script>

点击此处查看示例页面:示例页面

大家可以用手机扫描这个二维码在手机端打开此示例页面

QQ截图20160113183623

感谢打赏!
微信
支付宝

评论

  • 荣荣回复

    页面模块,有需要滚动条显示,无法滚动