0

因此,我正在寻找优化 Jquery .animate(scrollTo:value) 函数的最佳方法。举个例子:

$('#returnToTop').on('click', function(){
        $('html, body').animate({
            scrollTop: 0
        }, 'slow');
    });

在这里,您有一个 div,它充当“顶部”按钮,单击该按钮会将页面滚动回顶部。现在在复杂的页面上,这是相当生涩和不流畅的。我想知道是否有任何 jQuery 忍者可以启发我们了解 animate 函数的作用。在简单的页面上,它很好而且流畅。

现在,我假设它可能会进行一些遍历 DOM 的计算,所以当它很复杂时,它需要一段时间并且看起来很跳跃。所以这里是问题的核心:

作为开发人员,我们可以采取哪些步骤来为 jQuery 提供精确的参数,使其计算更简单,从而使动画更流畅。可能有一些重要的特定值,如果提供,将提供显着的加速。

有没有人有任何见解?

谢谢。

4

1 回答 1

4

对于 jQuery,“慢”是一段时间(准确地说是 600 毫秒)。如果是大页面,需要在600ms内跳转到顶部。

如果您想以与页面高度无关的恒定速度制作此动画,请将持续时间设置为t = offsetTop / k每秒走 k 像素,其中 offsetTop 类似于$(clickedElement).offset().top.

jQuery 也有一些插件可以直接完成。

于 2012-07-09T21:30:57.910 回答