屏蔽微信下拉出黑底现象

由于公司接触微信页面较多,

所以一度被微信下拉出黑的这种情况生无可恋,

所以花了较长时间去实践了各种方法(一脸懵逼.jpg)

好吧,经过各种傻逼的方法尝试后,发觉竟然还是可以简单解决的,一脸憋屈...

普遍流传的方法是屏蔽掉 body 的 touchstart 或 touchmove 事件,但也会让所有滚动不可用,只适用部分页面

所以我就把重心放在了如何让滚动依旧可用上,乃至屏蔽所有的事件自写一个滚动容器(弹性拖动和避免卡顿要疯...)

而后来发现,直接屏蔽掉当 scrollTop 在顶部时的 touchmove 不就好了吗,真是走了好多弯路

function stopDrop(stillCanScroll) {
  var lastY;
  $("body").off().on(‘touchstart.stop‘, function(event) {
    lastY = event.originalEvent.changedTouches[0].clientY;
  }).on(‘touchmove.stop‘, function(event) {
    var y = event.originalEvent.changedTouches[0].clientY;
    var st = $(stillCanScroll).scrollTop();
    // 向上滚动且滚动条位于顶部,屏蔽事件
    if (y > lastY && st < 5) {
      event.preventDefault();
      return false;
    }
    lastY = y;
  });
}

该怎么去评价这段代码吗,反正不高效就对了,

正在实践多个 stillCanScroll 的情况,但又实在害怕检测该元素 touchstart 而造成的事件混淆,

理论上确实能解决出黑底的问题,但依旧不能根除,而且还把下拉刷新刷新的功能搞没了。

就这样吧,这个问题解决办法的寻求将抗日持久....

时间: 2024-10-11 07:01:00

屏蔽微信下拉出黑底现象的相关文章

PullDownListView高仿微信下拉眼睛出现动画

PullDownListView高仿微信下拉眼睛出现动画,动画自定义PullDownListView,pullDownListView.setOnPullHeightChangeListener设置下拉高度监听,onTopHeightChange()onBottomHeightChange(),onRefreshing()其中提供者三个方法时刻刷新页面特效 查看项目完整源码:http://www.itlanbao.com/code/20150911/10000/100524.html 引入布局:

完美解决微信下拉上拉

转http://note.youdao.com/share/?id=f13df2c846cac5d4f0e24a715d8372a6&type=note#/ 完美解决微信下拉上拉回弹 1.使用jroll.js完美解决,下载jroll.js. 2.DOM结构为: class container 为滑动页面 3.添加css #wrapper { position: absolute; top: 44px; bottom: 0; width: 100%; } 4.编写js <script src=

超炫 PullDownListView高仿微信下拉眼睛出现动画

PullDownListView高仿微信下拉眼睛出现动画,动画自定义PullDownListView, pullDownListView.setOnPullHeightChangeListener设置下拉高度监听,onTopHeightChange() onBottomHeightChange(),onRefreshing()其中提供者三个方法时刻刷新页面特效 运行效果: 完整源码下载地址:http://www.itlanbao.com/code/20150911/10000/100524.ht

[原创推荐]屏蔽微信举报按钮的黑科技!

[屏蔽微信举报按钮的黑科技]为了把微信域名防封技术做到极致,这次我们给微信屏蔽投诉按钮功能做了升级更新,实现了在苹果IOS端隐藏微信投诉按钮,不影响微信正常分享功能,精简了分享菜单,如下图: iOS屏蔽微信投诉按钮界面 在Android(安卓)微信端,隐藏屏蔽微信投诉按钮,如下图: Android屏蔽微信投诉按钮界面 此次微信屏蔽投诉按钮黑科技的升级,会为微信推广带来更强大的技术保障. 需要请加微信,备注:黑科技 原文地址:https://www.cnblogs.com/aishares/p/1

Android微信下JS报错:无对象

1.1.1 现象 发布新版本到服务器上后,点击一个按钮总是不执行相应的操作,将控制台信息输出出来后发现提示信息说没有找到相应的对象. 按钮的代码中调用了一个函数,这个函数在另外一个JS文件中,是新版本中增加的.因为是在Android手机上,没法联机调试,于是通过alert逐步定位,发现新加的函数确实没有.再通过链接打开对应的JS文件查看,发现确实也没有新增的函数,可是检查服务器上的JS文件,其内容是正确的. 另外,这个问题只在Android手机上出现,在iPhone下没有这个问题. 1.1.2

怎样屏蔽微信朋友圈视频?局域网如何禁止员工看朋友圈视频?

上班时间刷刷朋友圈,一眨眼半小时就过去了.不但会影响工作效率,而且朋友圈的视频会占用大量的带宽.所以对企业管理人员来说,很多时候需要禁止员工在工作时段刷朋友圈.但是行政手段要和技术手段配合,才可以发挥真正的作用. 本文将介绍如何用WFilter NGF(WSG网关)来禁止朋友圈的视频. 首先,应该设置什么样的管理制度? 微信现在不但是私人用,而且工作也经常用到.所以并不推荐完全禁止微信.但是朋友圈的视频.微信视频聊天.微信传文件,完全可以在工作时段予以屏蔽.有一点要注意的,朋友圈视频也会用到微信

如何判断域名网站有没有被微信屏蔽 微信拦截域名检测系统

微信域名防封是指通过技术手段来实现预付措施.一切说自己完全可以防封的那都是不可能的.一切说什么免死域名不会死的那也是吹牛逼的.我们要做的是让我们的推广域名寿命更长一点,成本更低一点,效果更好一点. 第一:微信域名检测+微信域名切换你需要有一个微信域名检测接口,自己开发或是购买都可以.配置好你的接口请求程序,准备2套域名A和B.比如说分享出去的域名是A,这里面A被称作是主域名.点开后跳到B,跳转之前检测一下B有没有被封,这里面的B就称作是落地域名.通常情况下落地域名B需要准备几十甚至上百个,利用域

iphone 微信下浏览器中数字去除下划线

在开发iphone应用程序的时候,safari下手机号码默认是有下划线的,通过下面的方法就可以去掉: <meta name="format-detection" content="telephone=no" />

基于tcp协议下粘包现象和解决方案

一.缓冲区 每个 socket 被创建后,都会分配两个缓冲区,输入缓冲区和输出缓冲区.write()/send() 并不立即向网络中传输数据,而是先将数据写入缓冲区中,再由TCP协议将数据从缓冲区发送到目标机器.一旦将数据写入到缓冲区,函数就可以成功返回,不管它们有没有到达目标机器,也不管它们何时被发送到网络,这些都是TCP协议负责的事情.TCP协议独立于 write()/send() 函数,数据有可能刚被写入缓冲区就发送到网络,也可能在缓冲区中不断积压,多次写入的数据被一次性发送到网络,这取决