Question

我有一个mouseswheel函数，它将元素的位置移动一定长度，并且它可以工作，除了它重复窗口大小调整上的事件。不知道为什么。基本上发生的事情是当我在调整窗口大小后尝试鼠标滚动时，它会根据我调整窗口大小的次数多次触发事件，从而进一步移动位置。

$(window).resize(function() {
var scrollLength = 100;
    this_main.on('mousewheel', function(e){
        if(e.originalEvent.wheelDelta < 0) {
            caseSliderContainer.css({'left': caseSliderContainer.position().left - scrollLength});
        }else{
            caseSliderContainer.css({'left': caseSliderContainer.position().left + scrollLength});
        }

        //prevent page fom scrolling
        e.preventDefault();
    });
});

谢谢！

Answer 1

你可以试试这个：

this_main.unbind('mousewheel'); //unbind the event
this_main.on('mousewheel', function(e)
.
.
.

因此，在每次调整大小时，它将取消绑定该函数并再次重新绑定，因此您将无法复制

鼠标滚轮事件未在窗口调整大小时分离

1 个答案: