两个图像的粘性滚动

Question

我一直在试图弄清楚如何在两个图像上创建粘性滚动效果，基本上是这样的：http://www.nationalgeographic.com/americannile/ （向下滚动可以看到粘滞滚动效果的四个图像）

我已经尝试了一些jQuery插件，但仍无法弄清楚如何创建我想要的效果。

任何帮助将不胜感激，或只是在正确的方向点。

非常感谢

Answer 1

你想要做的是在文档滚动位置改变时应用一些动作。由于您使用的是jQuery，因此有一个名为ScrollMagic的功能插件，这里有the demos。

Answer 2

您发布的链接使用scrollr库： https://github.com/Prinzhorn/skrollr

我也用这个库，我只是把它推荐给你。它非常易于使用，对于基本动画，您不需要任何JavaScript，所有内容都通过data-属性完成。

它甚至在一定程度上支持移动设备。