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

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

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

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

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

QQ截图20160113183623

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
再谈Windows快速删除海量文件方法 - Mass Direct
再谈Windows快速删除海量文件方法 - Mass Direct
2
端午安康!博客进行了主题升级
端午安康!博客进行了主题升级
3
利用fastcopy神器快速批量删除大量文件的方法
利用fastcopy神器快速批量删除大量文件的方法
4
易语言静态编译报错,提示“无法定位链接器!请检查 tools\link.ini 中的配置是否正确。 静态连接失败”的问题解决方法
易语言静态编译报错,提示“无法定位链接器!请检查 tools\link.ini 中的配置是否正确。 静态连接失败”的问题解决方法
5
安装软件时报错Installer integrity check has failed. Common causes include incomplete download and damaged media. Contact the installer's author to obtain a new copy.的解决方法
安装软件时报错Installer integrity check has failed. Common causes include incomplete download and damaged media. Contact the installer's author to obtain a new copy.的解决方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主