Javascript jQuery鼠标滚轮问题

Javascript jQuery鼠标滚轮问题,javascript,jquery,mousewheel,Javascript,Jquery,Mousewheel,我有一个功能,可以防止鼠标滚轮的默认行为,并使其水平滚动,但问题是,当窗口宽度小于970px时,默认行为不起作用,即使我使用返回true 代码: 问题在于bind添加了一个事件侦听器,而不是替换它。因此,每次调整大小时都要添加几个侦听器。相反,你可以只检查里面的宽度 $('.swiper-container').on('mousewheel', function(event, delta) { if($(window).width() >= 970) { this.

我有一个功能,可以防止鼠标滚轮的默认行为,并使其水平滚动,但问题是,当窗口宽度小于970px时,默认行为不起作用,即使我使用
返回true

代码:


问题在于
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);
    }
});
也。如果您想要的是默认行为,那么您也不需要
else
部分

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