我正在为一个网站构建一个垂直的代码。我制作了一个 div,我用 jQuery 为 scrollTop 设置了动画。在滚动之间,我想要一个非常缓慢的向下动画。问题是缓慢的动画并不顺利。所以看到它跳到每个像素。
这是演示:http ://test.raapwerk.nl/popma/
有没有办法让中间的慢动画顺利运行?
谢谢!
我正在为一个网站构建一个垂直的代码。我制作了一个 div,我用 jQuery 为 scrollTop 设置了动画。在滚动之间,我想要一个非常缓慢的向下动画。问题是缓慢的动画并不顺利。所以看到它跳到每个像素。
这是演示:http ://test.raapwerk.nl/popma/
有没有办法让中间的慢动画顺利运行?
谢谢!
您的持续时间设置得太高,以至于没有足够的像素可用于流畅的动画。如果您将持续时间设置为8 seconds
for20px
您可以将其与~3fps
.
因此,获得这种平滑的唯一方法是减少持续时间或增加像素距离。
我做了一个小jsfiddle来证明:问题演示