完美解决手机浏览器顶部下拉出现网页源或刷新的问题(圣食颐年)

编辑：rootadmin

推荐整理分享完美解决手机浏览器顶部下拉出现网页源或刷新的问题(圣食颐年)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:苹果充电宝怎么验真假,圣食颐年,圣食颐年,买摩托车上税,95306货物追踪查询官网,k神成名曲,完美解决手机浏览的方法,完美解决手机浏览器问题,内容如对您有帮助，希望把文章链接给更多的朋友！

问题如下图所示：

一般处理此类问题都会有一个属性：”event.preventDefault()”，但是如果直接使用会导致页面的内部滚动也失效导致不能滚动，我所处理的方式也与其类似。

因为滑动区域是向走的，所以滑动块的顶部到浏览器顶部的距离最大为0（其余为负值[$('#bodycthead').offset().top]），当为0的时候说明已经回到了顶部，继续向下拉动的时候就不应该有反应，可以禁止默认滑动，而向上拉动的时候应该取消默认的滑动，所以应该将”event.preventDefault()”封装成一个函数。

需要做的就是判断是向上滑动还是向下滑动，当接触屏幕的时候记录一个Y值（scroll_start = e.changedTouches[0].clientY;），移动的时候会产生一个Y值（e.changedTouches[0].clientY），两个值得差值（e.changedTouches[0].clientY-scroll_start）如果是正值说明是向下滑动，如果是负值则是向上滑动。

添加事件监听：

暂时没做到中断滑动并禁止默认滑动效果，欢迎大家指导！

以上这篇完美解决手机浏览器顶部下拉出现网页源或刷新的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

微信小程序简单实现form表单获取输入数据功能示例本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxmlformbindsubmit="formBinds

微信小程序支付及退款流程详解首先说明一下，微信小程序支付的主要逻辑集中在后端，前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在

微信小程序实战篇之购物车的实现代码示例哈喽，大家好，快半个月没写了，现在提笔都有点生硬了，一直没更新的原因，一个是代码君也要上班，加上最近工作比较忙，还有就是写文章一直未

标签: 圣食颐年

本文链接地址:https://www.jiuchutong.com/biancheng/373298.html 转载请保留说明！

上一篇：微信小程序实现添加手机联系人功能示例(微信小程序实现人脸识别)

下一篇：微信小程序简单实现form表单获取输入数据功能示例(微信小程序简单的音乐播放器)