微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
2017-02-27 15:18
357 查看
function stopDrop() {
var lastY;//最后一次y坐标点
$(document.body).on('touchstart', function(event) {
lastY = event.originalEvent.changedTouches[0].clientY;//点击屏幕时记录最后一次Y度坐标。
});
$(document.body).on('touchmove', function(event) {
var y = event.originalEvent.changedTouches[0].clientY;
var st = $(this).scrollTop(); //滚动条高度
if (y >= lastY && st <= 10) {//如果滚动条高度小于0,可以理解为到顶了,且是下拉情况下,阻止touchmove事件。
lastY = y;
event.preventDefault();
}
lastY = y;
});
}
stopDrop();
var lastY;//最后一次y坐标点
$(document.body).on('touchstart', function(event) {
lastY = event.originalEvent.changedTouches[0].clientY;//点击屏幕时记录最后一次Y度坐标。
});
$(document.body).on('touchmove', function(event) {
var y = event.originalEvent.changedTouches[0].clientY;
var st = $(this).scrollTop(); //滚动条高度
if (y >= lastY && st <= 10) {//如果滚动条高度小于0,可以理解为到顶了,且是下拉情况下,阻止touchmove事件。
lastY = y;
event.preventDefault();
}
lastY = y;
});
}
stopDrop();
相关文章推荐
- 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
- 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
- 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
- 微信浏览器禁止页面下拉查看网址
- webApp禁止页面整体下拉,不影响页面内部scroll
- 微信浏览器禁止页面下拉查看网址
- 微信浏览器禁止页面下拉查看网址实例详解
- 微信内置浏览器下拉出现网址解决办法
- 微信内置浏览器中,点击下拉框出现页面乱跳转现象(iphone)
- 完美解决,浏览器下拉显示网址问题 | 完美解决,使用原生 scroll 写下拉刷新
- 微信禁止下拉查看URL策略
- 微信、手机页面禁止页面下拉
- 微信禁止下拉查看URL的处理方法
- JavaScript禁止微信浏览器下拉回弹效果
- 使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
- js实现微信禁止h5网页下拉,禁止微信内置浏览器下拉网页,附:demo
- JavaScript禁止微信浏览器下拉回弹效果
- 微信开发js限制页面只能在微信浏览器打开 禁止外置浏览器
- 微信h5页面禁止下拉露出网页来源
- 微信小程序 禁止ios页面下拉下滑滚动 出现空白的情况