使用JavaScript[编辑:视差滚动]在滚动时响应地设置页面元素的动画

使用JavaScript[编辑:视差滚动]在滚动时响应地设置页面元素的动画,javascript,html,css,parallax,Javascript,Html,Css,Parallax,我肯定这是过去提过的;然而,我有一个学期不知所措 在这个for square上,用户滚动标题为“在square上,不同学科合作设计漂亮的简单解决方案”的部分。动画在页面上的特定点右侧被激活。当用户向后滚动时,图像会恢复,以此类推。他们是如何做到这一点的 2013年8月:我问这个问题已经九个月了,而视差滚动几乎已经开始了。我附上了几个链接,以便进一步阅读这个主题,从如何实现它到为什么避免它 视差滚动的示例: 教程: 想法: 它被称为 它们只是检测窗口位置,然后

我肯定这是过去提过的;然而,我有一个学期不知所措

在这个for square上,用户滚动标题为“在square上,不同学科合作设计漂亮的简单解决方案”的部分。动画在页面上的特定点右侧被激活。当用户向后滚动时,图像会恢复,以此类推。他们是如何做到这一点的

2013年8月:我问这个问题已经九个月了,而视差滚动几乎已经开始了。我附上了几个链接,以便进一步阅读这个主题,从如何实现它到为什么避免它

视差滚动的示例:


教程:


想法:


    • 它被称为

      它们只是检测窗口位置,然后在窗口滚动到它们设置的任何点时应用jquery动画

      请参见此处的详细说明和教程:

      这里有一个示例和开源GitHub项目:


      在我看来,这通常是糟糕的设计。我想这可能很微妙,也可能做得很好,但它往往没有真正的目的而分散注意力。

      事实上,Square正在使用您链接到的skrollr库。