首页 > 微信 > 详细

禁止微信h5自带的下拉事件

时间:2021-05-13 13:50:05      阅读:10      评论:0      收藏:0      [点我收藏+]
    //禁止微信h5自带的下拉事件
    var app = document.querySelector(".messageChat");
    console.log(app, 990);
    var touchstartY;
    app.addEventListener(
      "touchstart",
      function (event) {
        console.log(1);
        var events = event.touches[0] || event;
        touchstartY = events.clientY; //获取触摸目标在视口中的y坐标
      },
      false
    );
    app.addEventListener(
      "touchmove",
      function (event) {
        var events = event.touches[0] || event;
        //注意app.scrollTop始终为0
        var scrollTop = app.scrollTop || document.documentElement.scrollTop; //获取滚动部分的高度
        var clientHeight = document.documentElement.clientHeight; //获取手机屏幕高度(可视部分高度)
        var scrollHeight = app.scrollHeight; //所有内容的高度
        if (
          events.clientY > touchstartY &&
          scrollTop === 0 &&
          event.cancelable
        ) {
          event.preventDefault(); //禁止到顶下拉
        } else if (
          scrollTop + clientHeight > scrollHeight &&
          event.cancelable
        ) {
          // event.preventDefault(); //禁止到底上拉
        }
      },
      false
    );

 

禁止微信h5自带的下拉事件

原文:https://www.cnblogs.com/wang-xx/p/14763566.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!