jQuery鼠标滚轮问题

Question

我有一个阻止鼠标滚轮默认行为的功能，它会使它水平滚动，但问题是当窗口宽度小于970px时，即使我使用{{1}，默认行为也不起作用}

代码：

return true;

Answer 1

问题是bind添加了一个事件监听器，而不是替换它。因此，每次调整大小时都要添加几个侦听器。相反，你可以检查它内部的宽度。

$('.swiper-container').on('mousewheel', function(event, delta) {
    if($(window).width() >= 970) {
        this.scrollLeft -= (delta * event.deltaFactor);
        event.preventDefault();
    } else {
        this.scrollTop -= (delta * event.deltaFactor);
    }
});

此外，use on instead of bind。如果你想要的是默认行为，你也不需要else部分。