无法在网站

Question

在这个网站上我无法滚动。

www.Batan.io

当我第一次加载网站时，触控板（mac）工作正常，但滚动功能停止工作。侧栏工作，我已经改变了CSS的位置但无济于事。

请有人告诉我为什么滚动在这个网站上不起作用？

非常感谢，

托马斯

 $(function () {
        $('body').bind('mousewheel', function (event) {
            event.preventDefault();
            var scrollTop = this.scrollTop;
            this.scrollTop = (scrollTop + ((event.deltaY * event.deltaFactor) * -1));
            //console.log(event.deltaY, event.deltaFactor, event.originalEvent.deltaMode, event.originalEvent.wheelDelta);
        });
    });

Answer 1

此代码可能存在一些问题：

1. 除非另有设置，否则HTML元素将成为可滚动元素
2. 您正试图在vanilla javascript this
上访问jQuery函数
3. 您实际上并没有执行该功能来获取值

4. 您没有调用函数来设置所需的值

   $(function() {
       // Change 'body' to 'html'
       $('html').bind('mousewheel', function(event) {
           event.preventDefault();
   
           var $window = $(this); // <--- Wrap the event target with a jQuery object
           var scrollTop = $window.scrollTop(); // <--- Call this function to return the result (use parens)
   
           /*
               Otherwise the reference on this line is to a function, not a value,
               and call the function (instead of setting a property)
           */
           $window.scrollTop(scrollTop + ((event.deltaY * event.deltaFactor) * -1));
       });
   });