粘性滚动显示两张图像
Sticky scroll for two images
我一直在想如何在两个图像上创建粘性滚动效果,基本上是这样的:http://www.nationalgeographic.com/americannile/(向下滚动查看您将看到具有粘性滚动效果的四幅图像)
我试过一些jQuery插件,但仍然不知道如何创建我想要的效果。
任何帮助都将不胜感激,或者只是朝着正确方向的一点。
非常感谢
您想要做的是在文档滚动位置更改时应用一些操作。由于您使用的是jQuery,因此有一个名为ScrollMagic的插件专门用于此功能,下面是演示。
您发布的链接使用滚动库:https://github.com/Prinzhorn/skrollr
我也用过这个图书馆,我可以推荐给你。它真的很容易使用,对于不需要任何javascript的基本动画,一切都是通过data-
属性完成的。
它甚至在一定程度上支持移动设备。
相关文章:
- 单击时切换两个图像
- jQuery图像幻灯片,在停止后淡出到第一张图像
- 在两整页上打印两张图像
- 一个具有两个图像按钮的表单在只能按下一个按钮的情况下发送两个按钮值
- 单击从一张图像切换到两张图像,然后再切换回一张图像
- 如何使用 jQuery 交换网页中的两个图像(连续两次点击)
- 在javascript中逐步显示4张图像
- 选择最短的旋转来排列两个图像
- 单击另一张图像,显示一张图像几秒钟
- 在jQuery中创建两个图像之间的行
- 为什么我的两张图表重复相同的标签
- 将两个图像合并为一个,并使用javascript进行溢出隐藏
- 淡入淡出两个图像[JavaScript]
- D3将两张甜甜圈图叠加在一起
- 单击按钮时交换两个图像
- 如何在Jquery Mobile中将两张图片居中对齐
- 为什么两张表格都是一页的
- 粘性滚动显示两张图像
- 创建缩略图并发布两张图像
- 以不同的延迟淡入两张图像