微信浏览器如何禁止iPhone手机上下滑动网页

转载 2016年05月30日 18:58:33

转自:https://segmentfault.com/q/1010000002977656

禁止 touchstart 的默认事件

$('body').on('touchmove touchstart', function (event) {
    event.preventDefault();
});

相关文章推荐

禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题

禁止手机浏览器、微信浏览器的上下滑动露出黑色块问题 document.querySelector('body').addEventListener('touchstart',function (...

javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题

javascript禁止手机浏览器、微信浏览器的上下滑动,滚动问题

javascript中tonchmove禁止拖动页面的默认操作

在JavaScript中tonchevent主要有touchstart,touchmove,touchend触发事件。 而touchmove的默认操作是在浏览器中拖动页面,但如果涉及到需要用touc...

微信较完美实现禁止下拉弹性效果

warning:较完美,意思就是不完美。如果朋友们有完美的解决方案,麻烦给我留言。谢谢哈。 ====================我是华丽丽的分隔线=========================...
  • lzjpc500
  • lzjpc500
  • 2016年06月24日 20:04
  • 15069

微信浏览器阻止页面拖动

经常开发H5的童鞋一定会遇到这样的问题,当你的页面中有滑动或者拖拽事件时,整个网页也会随着移动。然后还能够看到域名信息。这是非常崩溃的体验!但是这个问题非常好解决,只要在body标签添加禁止滑动或者拖...

微信里面防止下拉"露底"组件,touch事件

前言 在微信里面浏览页面的时候,有一个很管用的方法可以区分这个页面是原生的还是H5形式的。随便打开一个页面,用力往下扯的时候,如果页面上方出现了“黑底”,黑底上有一行诸如网页由game.weix...
  • swl456
  • swl456
  • 2015年11月23日 14:45
  • 2244

微信页面弹出窗口,底部不随窗口滑动而滚动,子页面滚动,父页面也动bug修复!

在弹出窗口滑动时,遮罩后面的页面也会随之滑动,以为是时间冒 泡导致的,上网百度了好久,方法倒是找到了好多种,在电脑上也可以了。但是在微信里滑 动还是会拖动后面的页面,看到很多地方说用下面的代码就好了:...
  • wsxc451
  • wsxc451
  • 2016年07月11日 14:42
  • 2368

移动端弹出层上禁止页面滚动

弹出层上禁止页面滚动

【CSS-04】移动端蒙层底部页面禁止滑动

本篇主要讲如何在页面上加蒙层。蒙层居中,且底部页面不能再滑动。 蒙层 效果: 关键字:z-index, rgba 实现: body分为两个大的div区域,一个是底部展示的div(div-back)...

关于禁止iphone浏览器拖动反弹(橡皮筋效果)

最近公司做的比较多的就是微信端的一些微刊、微站的互动,这些少不了手机触屏滑动翻页,android手机上面还好,iphone手机上会有拖动反弹效果,看了比较烦躁,所以我们要禁止这一默认功能,实现方法如下...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:微信浏览器如何禁止iPhone手机上下滑动网页
举报原因:
原因补充:

(最多只允许输入30个字)