jQuery滚动和路径上的动画元素

时间:2016-02-25 13:32:11

标签: jquery svg scroll path

我正在尝试完成两件事:在滚动时沿着svg路径显示一个元素(在我的情况下:简单的红框)。滚动已完成,使用jquery-drawsvg plugin非常容易。

但是在路径上展示一个元素是挑战。

要了解我正在尝试的内容:http://yaireo.github.io/pathAnimator/

在示例中,动画自动开始和结束,但我想在用户滚动时移动箭头(动画)。如何将元素的坐标与svg路径相关联?

PS:我想发布我的代码,但它确实是两个插件的混合(混乱) - 而根本不工作。这就是我提出上述问题的原因。

1 个答案:

答案 0 :(得分:2)

虽然我仍然不知道如何独立完成这项工作,但我发现了一个名为skrollr的插件。它允许您在滚动时将元素粘贴到svg路径上:请参阅this示例。祝福谁为此做出贡献。