jquery - 使用 JQuery .scroll() 复制基于动量的滚动面板，该面板捕捉到元素

Question

我正在尝试升级标准的可滚动 div 溢出：滚动给我一个更流畅的元素，一旦滚动完成，它将捕捉到元素。

我有一个关于如何做到这一点的理论，但需要帮助。

无论如何，现代浏览器和操作系统，尤其是 Safari，在滚动中都有一定程度的动力。我想做的是让它识别滚动动画何时完成，然后再滚动一点以捕捉到其中的元素。

最好我希望它平滑地滚动到它捕捉到的元素。目前 JQuery 的 scroll() 特性只适用于实际的用户滚动，而不是任何可能跟随的动力。

iScroll 在这方面做得很好，但它对于我们的要求来说非常大而且笨重，而且不向后或不兼容 Internet Explorer。

我们如何实现这一目标的任何想法。

奇妙

Answer 1

This is actually pretty simple and can be achieved with jQuery; you can use jQuery's animate function to animate the scrolling (scrollTop), and set the easing function to easeOutElastic from this plugin http://james.padolsey.com/demos/jquery/easing/.

$('myButton').click(function() {
    $('myScroll').animate({scrollTop : XX},'easeOutElastic');
});