小编Pet*_*kin的帖子

用户滚动时沿弯曲路径移动元素

我正在尝试制作一个页面,当用户滚动时,火箭沿着预定的路径跟随页面(页面将在底部加载).

我可以使用类似jQuery.path和使用SVG的animateMotion 为路径中的元素设置动画,但我无法找到一个解决方案,当用户滚动时元素将沿着该路径移动.

jQuery Scroll Path不是我想要的,因为它将元素移动到页面的中心.

我在TEDxGUC网站上看到,当你向下滚动时,它们沿着弯曲的路径移动苹果.我可以看到他们正在使用Raphael.js和"沿着路径延伸的动画"扩展但是我仍然无法理解他们实际上是如何实现它的 - 我还不是一个JS忍者.

任何指向正确方向的人都会非常感激!

编辑

对于那些仍然对这种事情感兴趣的人,我偶然发现了Skrollr Path,它几乎完全符合我的要求:例子

javascript svg scroll

6
推荐指数
1
解决办法
5854
查看次数

标签 统计

javascript ×1

scroll ×1

svg ×1