微信ios上下拉网页禁止

在微信网页上总是可以上拉下拉，如下图：

有的时候在一个页面当中里面有列表可以滚动的上下滑动总是有点影响的，如下图：

一开始使用document的touchmove事件禁止，但是页面上所有滑动都无效了。

document.querySelector('body').addEventListener('touchmove', function(e) {e.preventDefault();
})

查了部分资料了解到可以把某个标签的禁止解除就好了。代码如下：

document.querySelector('body').addEventListener('touchmove', function(e) {if (!document.querySelector('ul').contains(e.target)) {e.preventDefault();}
})

微信ios上下拉网页禁止相关推荐

移动端阻止ios弹性滑动_禁止iOS的弹性滚动微信的下拉回弹
禁止iOS的弹性滚动微信的下拉回弹一种方法: html头部添加然后将页面body的高度设为window的高度 $("body").height( $(window).heig ...
微信 html5禁止拖拽,js实现微信禁止h5网页下拉，禁止微信内置浏览器下拉网页...
大家可能会遇到开发公众号的时候,下来会出来源地址,下面的代码可以解决禁止下拉的问题~ 禁止下拉 .scroll{ position:absolute; overflow:scroll; -webkit ...
微信小程序在ios中下拉出现“橡皮筋”效果
今天和大家聊一聊微信小程序在ios中下拉出现"橡皮筋"效果问题现象话不多说,先看代码(使用taro编写). 代码很简单,一个flex的容器+一个允许进行下拉刷新的ScrollV ...
html游戏禁止微信浏览器下拉,JavaScript实现禁止微信浏览器下拉回弹效果
这篇文章主要为大家详细介绍了JavaScript禁止微信浏览器下拉回弹效果的方法,具有一定的参考和学习JavaScript的价值,对JavaScript感兴趣的小伙伴们可以参考一下本篇文章本文实例为 ...
html下拉加载原理,GitHub - gavinjzx/wxPull: 原生JS实现微信公众号或网页使用下拉加载和上拉刷新...
原生JS实现微信公众号或网页使用下拉加载和上拉刷新微信浏览器打开网页显示网址安全信息解决办法,网上很多办法,也找了很久,但是最新的很多用不了. 先看看效果,是不是亲想要的,可以跳过,以免浪费宝贵时间 ...
html下拉加载实现原理,GitHub - sybiele/wxPull: 原生JS实现微信公众号或网页使用下拉加载和上拉刷新...
原生JS实现微信公众号或网页使用下拉加载和上拉刷新微信浏览器打开网页显示网址安全信息解决办法,网上很多办法,也找了很久,但是最新的很多用不了. 先看看效果,是不是亲想要的,可以跳过,以免浪费宝贵时间 ...
微信iOS WKWebview 网页开发适配指南
微信2017.1.6日推送一条消息: 微信iOS客户端将于2017年3月1日前逐步升级为WKWebview内核,需要网页开发者提前做好网站的兼容检查和适配. 背景 WKWebView 是苹果在iOS ...
html 禁止页面回弹,JavaScript禁止微信浏览器下拉回弹效果
本文实例为大家分享了JavaScript禁止微信浏览器下拉回弹的效果,供大家参考,具体内容如下方法1: var overscroll = function(el){ el.addEventListe ...
iOS 微信右上角下拉菜单效果之CMPopTipView,各种角度各种位置
早之前在项目中写了一个类似微信右上角下拉的菜单封装,但是是写死的,当时根本没有考虑到去其他地方弹出这个东西,虽然看起来弹个窗出来很简单,但是你位子不确定之后弹出来是有点麻烦的,反正我总是觉得,我们能想 ...

微信ios上下拉网页禁止

微信ios上下拉网页禁止相关推荐

最新文章

热门文章