两个图像的粘性滚动

时间:2015-02-07 08:59:09

标签: javascript jquery html css

我一直试图弄清楚如何在两张图片上创建粘性滚动效果,基本上是这样的:http://www.nationalgeographic.com/americannile/ (向下滚动以查看您将看到带有粘性滚动效果的四个图像)

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

任何帮助都会非常感激,或者只是朝着正确的方向发展。

非常感谢

2 个答案:

答案 0 :(得分:0)

您要执行的操作是在文档滚动位置更改时应用某些操作。由于您使用的是jQuery,因此有一个名为ScrollMagic的功能插件,这里有the demos

答案 1 :(得分:0)

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

我也使用过这个库,我可以推荐给你。它非常易于使用,对于基本动画,您不需要任何javascript,一切都是通过data-属性完成的。

它甚至在某种程度上支持移动设备。