滑轮滚动穿透问题

滑轮滚动穿透问题

在弹层中若弹框内容过长自带滚动条,在滚动时body内容同样会滚动

$.fn.scrollUnique = function() {
      return $(this).each(function() {
        var eventType = "mousewheel";
        // navigator.userAgent.indexOf(“Firefox”) > -1
        // document.mozHidden !== undefined
        if (navigator.userAgent.indexOf("Firefox") > -1) {
          eventType = "DOMMouseScroll";
        }
        // console.log(eventType)
        $(this).on(eventType, function(event) {
          // 一些数据
          var scrollTop = this.scrollTop,
            scrollHeight = this.scrollHeight,
            height = this.clientHeight;
          var delta = event.originalEvent.wheelDelta
            ? event.originalEvent.wheelDelta
            : -(event.originalEvent.detail || 0);
        //  if ( (delta > 0 && scrollTop <= 0) || (delta < 0 && scrollTop + height >= scrollHeight)) {
            if ((delta > 0 && scrollTop <= delta) || (delta < 0 && scrollHeight - height - scrollTop <= -1 * delta)) {  //原来的
            // 向上滚 || 向下滚
            // event.preventDefault();
            var e = window.event || event;
            if (e.stopPropagation) {
              e.stopPropagation();
            } else {
              e.cancelBubble = true;
            }
            if (e.preventDefault) {
              e.preventDefault();
            } else {
              e.returnValue = false;
            }
          }
        });
      });
    };
    $(".modal .easy-scrollbar__wrap").scrollUnique();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,038评论 3 119
  • 来自远方的粽子!感谢李卫哥哥每次从北京寄回来那些好吃的!端午节那天我一个人守在店铺,等待李老板带主人家过来选门的款...
    肖金娜阅读 3,180评论 4 0
  • 恋爱时,每一个人都恨不得将自己的喜悦分享给全世界,可这并不适用于办公室环境内,因为从你公开恋情的那刻起,你俩就注定...
    千花坊545阅读 1,716评论 0 0
  • 在使用java语音之前总听人家说java是面向对象的,内存只需要要申请不用释放,当我开始做Android用上jav...
    云华兄阅读 6,433评论 0 10