Firefox 中的奇怪错误（Scroll Inner Div）答案

【问题标题】：Weird bug in Firefox (Scroll Inner Div)Firefox 中的奇怪错误（Scroll Inner Div）
【发布时间】：2020-08-12 14:21:04
【问题描述】：

大家好，

在我正在构建的网站上，我在 Firefox 中遇到了一个非常奇怪的错误。

我正在使用 jQuery/GSAP 和 SmoothScroll 在特定和一些手风琴（内部 div）中我有很多信息，所以我只为它们设置了固定高度和滚动条（主网站有它默认隐藏）。

仅在 FIREFOX 的手风琴中向下滚动时它会向下滚动，但如果向上滚动它会继续向下滚动 - 在控制台日志中使用我找到的滚动方向脚本进行了测试它总是说 DOWN。

现在这是我的代码：

isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
// Firefox 1.0+
isFirefox = typeof InstallTrigger !== 'undefined';


if (isChrome) {
  $( '.noscrollz>.vc_tta-panel-body').on( 'mousewheel DOMMouseScroll wheel', function ( e ) {
      var e0 = e.originalEvent,
      delta = e0.wheelDelta || -e0.detail;
        this.scrollTop += ( delta < 0 ? 1 : -1 ) * 25;
        e.preventDefault();
});
}

if (isFirefox) { 
      $( '.noscrollz>.vc_tta-panel-body').on( 'mousewheel DOMMouseScroll wheel', function ( e ) {
      var e2 = e.originalEvent,
      delta2 = e2.wheelDelta || -e2.detail;
      this.scrollTop += ( delta2 > 0 ? 1 : -1 ) * 25;
        e.preventDefault();
});
}

我似乎找不到问题，任何人都可以帮助我吗？我一直在努力理解为什么过去 6 个小时。

提前非常感谢您，希望大家都平安无事。

【问题讨论】：

标签： jquery firefox scroll scrolltop

【解决方案1】：

编辑：

这完美无缺（deltaY 可能是 Firefox 出现问题的原因）。

if (isFirefox) { 
    $('.noscrollz>.vc_tta-panel-body').on('wheel', function(e){
        var eventz = e.originalEvent.wheelDelta || e.originalEvent.deltaY*1;
        var top= this.scrollTop += ( eventz < 0 ? 1 : -1 ) * -25;
        var bottom = this.scrollBottom += (eventz < 0 ? 1: -1) * 25;
        e.preventDefault();
           //if (e.originalEvent.wheelDelta / 120 > 0 || e.originalEvent.deltaY < 0) {
                //alert('scrolling up !');
                //e.preventDefault();
            //}
            //if (e.originalEvent.wheelDelta / 120 > 0 || e.originalEvent.deltaY > 0) {
               // alert('scrolling down !');
                //e.preventDefault();
            //}
    });
}

【讨论】：