jquery - 使用 JQuery .scroll() 来复制一个基于动量的滚动面板，该面板与元素对齐

Question

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

我有关于如何执行此操作的理论，但需要帮助。

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

我希望它能够平滑地滚动到它捕捉到的元素。目前，JQuery 接缝的 scroll() 功能仅适用于实际用户滚动，而不是任何可能随之而来的动量。

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

关于我们如何实现这一点的任何想法。

很棒

Answer 1

这其实很简单，可以用 jQuery 来实现；您可以使用 jQuery 的 animate 函数为滚动 (scrollTop) 设置动画，并从此插件中将缓动函数设置为 easeOutElastic http://james.padolsey.com/demos/jquery/easing/ .

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