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

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

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

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

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

QQ截图20160113183623

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
一点随感
一点随感
2
四种纯css实现页面元素水平垂直居中的方法
四种纯css实现页面元素水平垂直居中的方法
3
支付宝蚂蚁庄园“庄园小课堂”任务做法及攻略
支付宝蚂蚁庄园“庄园小课堂”任务做法及攻略
4
哈哈哈,说的就是你,对不对?
哈哈哈,说的就是你,对不对?
5
博客出现访问异常,已修复。
博客出现访问异常,已修复。
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主