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

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

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

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

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

QQ截图20160113183623

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
利用fastcopy神器快速批量删除大量文件的方法
利用fastcopy神器快速批量删除大量文件的方法
2
Hello
Hello
3
华为手机利用fastboot flash recovery_ramdisk **.img刷入的第三方recovery时提示“FAILED(remote:image verification error)”的解决方法
华为手机利用fastboot flash recovery_ramdisk **.img刷入的第三方recovery时提示“FAILED(remote:image verification error)”的解决方法
4
神坑react native之A problem occurred configuring project ':app'报错的解决方法
神坑react native之A problem occurred configuring project ':app'报错的解决方法
5
WordPress程序网站快速关闭评论功能 - Disable Comments插件
WordPress程序网站快速关闭评论功能 - Disable Comments插件
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主