我正在为网站建立一个垂直的自动收报机。我创建了一个div,我使用jQuery为scrollTop设置动画。在滚动之间我想要一个非常慢的动画向下。问题是慢动画不顺利。所以看到它跳到每个像素。
以下是演示:http://test.raapwerk.nl/popma/
有没有办法让慢动画在两者之间顺利运行?
谢谢!
答案 0 :(得分:3)
您的持续时间设置得太高,以至于没有足够的像素可用于平滑动画。如果您为8 seconds
设置20px
的持续时间,则可以将其与~3fps
进行比较。
因此,让这种更顺畅的唯一方法是减少持续时间或增加像素距离。
我做了一个小小的jsfiddle来证明:PROBLEM DEMO