我目前正在使用Ariel Flesler的“scrollTo”插件来实现jQuery: http://flesler.blogspot.co.uk/2007/10/jqueryscrollto.html
此处使用的示例: http://jsfiddle.net/aU7J6/9/
当它向下滚动时,你会注意到你不能用鼠标滚轮或滚动条覆盖它。有没有办法做到这一点? (特别是鼠标滚轮)
更新
我曾尝试在stop()
事件上scroll
窗口,但它无法正常工作(小提琴已更新)。动画开始时会触发滚动事件。用scroll
替换mousewheel
并没有什么区别。
答案 0 :(得分:3)
你需要专门告诉可滚动实例停止,你可以使用插件的._scrollable()
方法访问它,我在这里更新了你的小提琴
$(window).on('mousewheel', function() {
console.log('scrolling!');
$(this)._scrollable().stop();
})
答案 1 :(得分:1)
更改为使用body作为选择器,这将停止动画。
答案 2 :(得分:1)
我终于明白了。
$(window).on('mousewheel', function() {
console.log('scrolling');
$('html, body').stop();
});
这实际上也会帮助我完成我的一个项目 - 很棒的问题。