覆盖scrollTo jQuery插件?

时间:2012-03-17 00:05:53

标签: jquery scrollto mousewheel

我目前正在使用Ariel Flesler的“scrollTo”插件来实现jQuery: http://flesler.blogspot.co.uk/2007/10/jqueryscrollto.html

此处使用的示例: http://jsfiddle.net/aU7J6/9/

当它向下滚动时,你会注意到你不能用鼠标滚轮或滚动条覆盖它。有没有办法做到这一点? (特别是鼠标滚轮)

更新 我曾尝试在stop()事件上scroll窗口,但它无法正常工作(小提琴已更新)。动画开始时会触发滚动事件。用scroll替换mousewheel并没有什么区别。

3 个答案:

答案 0 :(得分:3)

你需要专门告诉可滚动实例停止,你可以使用插件的._scrollable()方法访问它,我在这里更新了你的小提琴

http://jsfiddle.net/aU7J6/35/

$(window).on('mousewheel', function() {

    console.log('scrolling!');
    $(this)._scrollable().stop();

})

记录在http://flesler.blogspot.com/2007/10/jqueryscrollto.html

答案 1 :(得分:1)

http://jsfiddle.net/dQeZd/1/

更改为使用body作为选择器,这将停止动画。

答案 2 :(得分:1)

我终于明白了。

$(window).on('mousewheel', function() {
    console.log('scrolling');
    $('html, body').stop();
});

这实际上也会帮助我完成我的一个项目 - 很棒的问题。