Mootools覆盖窗口滚动

Question

我知道这是个坏主意，但这正是客户要求的。

我正在使用mootools覆盖窗口鼠标滚轮滚动事件，所以基本上，当用户滚动滚轮时，我会阻止默认操作，然后使用变形来滚动窗口。

问题在于wheel事件上的preventDefault（）似乎仍会中断窗口滚动上的变形。 因此，窗口开始向底部移动，但是如果您使用滚轮，则会停止变形。

有没有解决的办法？ 我看过其他似乎可以使它正常工作的网站。

window.addEvent('mousewheel', function(e){
    e.preventDefault();
    scroll.toBottom();
})

Answer 1

Mootools FX.scroll（）实际上有一个用于鼠标滚轮的选项，它说：

wheelStops- （ 布尔值：默认为true ）如果为false，则鼠标滚轮不会阻止过渡的发生。

我做了一个演示，它工作正常。 我有一个使用Core Fx的方法.isRunning（）的第一个想法，但仅此一个做不到。

实际上，有点令人惊讶，使用这两种方法我得到了最流畅的效果。 如果wheelStops为false ，则isRunning（）在控制台上登录，但如果为true （默认值），则记录未定义。

var scroll = new Fx.Scroll('theElementsID', {
    duration: 'long',
    wheelStops: false
});

window.addEvent('mousewheel', function (e) {
    var isRunning = scroll.isRunning();
    if (scroll.isRunning()) e.preventDefault();
    scroll.toBottom();

})

演示