解决苹果微信浏览器下拉回弹效果

最新推荐文章于 2022-07-21 16:46:16 发布

christalfuller

最新推荐文章于 2022-07-21 16:46:16 发布

阅读量9.9k

点赞数

分类专栏： js 微信文章标签：浏览器苹果微信

本文链接：https://blog.csdn.net/christalfuller/article/details/78646956

版权

js 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

微信

5 篇文章 0 订阅

订阅专栏

.content是需要滑动的部分

var overscroll = function(el) {
      el.addEventListener('touchstart', function() {
          var top = el.scrollTop
          ,totalScroll = el.scrollHeight
          ,currentScroll = top + el.offsetHeight;
          if(top === 0) {
              el.scrollTop = 1;
          }else if(currentScroll === totalScroll) {
              el.scrollTop = top - 1;
          }
      });

      el.addEventListener('touchmove', function(evt) {
          if(el.offsetHeight < el.scrollHeight)
              evt._isScroller = true;
          });
      }
      overscroll(document.querySelector('.content'));
      document.body.addEventListener('touchmove', function(evt) {
          if(!evt._isScroller) {
              evt.preventDefault();
          }
      });