视差浮动图库

Question

我需要创建视差浮动图库 - 当我滚动页面时，图像相对于彼此和父容器从页面可见区域的底部到顶部移动。这是另一个网站上的example（部分 - sockstagram）。基本上，我需要创建完全相同的效果。我已经尝试使用提到的示例使用的相同库来执行此操作 - Skrollr。但是，它的错误 - 导致Safari桌面和移动设备出现问题（打破了页面上其他一些元素的布局）。有人能指出我正确的方向吗？ jQuery插件或一些自定义代码来实现这一目标。谢谢。

Answer 1

您可以使用parallax.js甚至是MaterializeCSS这样的框架，其中包含一个已实施的框架，并且还增加了使用基于网格的框架来设计网络的好处。