【问题标题】:Override scrollTo jQuery plugin?覆盖 scrollTo jQuery 插件?
【发布时间】:2012-03-19 09:50:51
【问题描述】:

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

这里使用的示例: http://jsfiddle.net/aU7J6/9/

当它向下滚动时,您会注意到无法用鼠标滚轮或滚动条覆盖它。有没有办法做到这一点? (尤其是鼠标滚轮)

更新: 我已经尝试在 scroll 事件上 stop() 窗口,但它不起作用(用这个更新小提琴)。动画开始时触发滚动事件。将 scroll 替换为 mousewheel 并没有什么不同。

【问题讨论】:

  • 你可以在stop() scroll 事件上的动画。

标签: jquery scrollto mousewheel


【解决方案1】:

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

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

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

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

})

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

【讨论】:

  • 太棒了,谢谢!当我被允许发送时,你会得到 +50。
  • 嘿,太好了,很高兴有帮助。感谢您的代表:)
【解决方案2】:

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

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

【讨论】:

    【解决方案3】:

    我终于明白了。

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2015-07-05
      • 2012-09-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-06-20
      • 1970-01-01
      相关资源
      最近更新 更多