使用JQuery .scroll()复制基于动量的滚动面板,该面板可以捕捉到元素

时间:2011-09-05 12:35:19

标签: jquery css scroll smooth

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

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

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

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

iScroll相当不错,但它对我们的要求非常庞大和笨重,而不是倒退或兼容Internet Explorer。

我们如何才能实现这一目标。

非凡

1 个答案:

答案 0 :(得分:2)

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

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