如果scrollTo已被触发，如何取消它？

Question

我想做这样的事情：

var scrollable;
scrollable = $(window).scrollTo(99999, 99999);
$(window).scroll(function() {
    // cancel the scrollTo
    scrollable = null;
});

Answer 1

基于 jonobr1 的代码，这对我有用：

if(window.addEventListener) document.addEventListener('DOMMouseScroll', stopScroll, false);
document.onmousewheel = stopScroll;

function stopScroll() {
  $(window)._scrollable().stop(true, false);  // Stops and dequeue's animations
}

我也在事件处理程序中调用 scrollTo 之前添加了对 stopScroll 的调用。

Answer 2

经过一番摆弄，我发现这个效果很好。

$(window).scrollTo(99999, 99999);
$(window).click(function() {
    stopScroll();
});

 if(window.addEventListener) document.addEventListener('DOMMouseScroll', stopScroll, false);
 document.onmousewheel = stopScroll;

function stopScroll() {
    $(window).stop(true, false);  // Stops and dequeue's animations
}

无需修改插件或源！