视差浮动图像库

Question

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

Answer 1

您可以使用parallax.js，甚至像MaterializeCSS这样的框架，它已经实现了一个框架，还增加了使用基于网格的框架来设计web的好处。