我必须以给定的方式在页面中“引导”分别移动一个元素(下图中的红色元素)(这样它就不会与内容发生冲突)。当用户滚动时，框应该沿着给定的路径移动。
我尝试将元素的位置设置为固定在左/上 Angular ，然后在滚动时沿水平轴移动它。但我认为这不是最好的解决方案，而且代码非常难看。
我也尝试用 skrollr 视差框架解决这个问题，但这不可能。
这是我要实现的目标的草图:
那么解决这个问题的最佳方法是什么？
编辑: 为了更好地了解我要实现的目标，这里有一个指向具有类似内容的页面的链接:http://rit-team.ru/
最佳答案
那个页面非常酷...
如果您想预设路径(就像他们所做的那样)，那么原则非常简单。定义一个“检查点”数组，本质上是 x 坐标。然后，您使用垂直滚动偏移量作为该数组的索引，相应地设置移动元素的位置。
如果您想“绕过”任意大小的元素，那我就不知道了。这些人因为他们的努力赢得了设计奖，所以我猜这不是在公园里散步。
关于javascript - 滚动时引导元素通过页面的方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41586858/