视差浮动图像库
Parallax floating image gallery
我需要创建视差浮动库-当我滚动页面时,图像相对于彼此和父容器从页面可见区域的底部到顶部移动。下面是另一个网站上的一个例子(章节-sockstagram)。基本上,我需要创造完全相同的效果。我已经尝试过使用上面提到的例子使用的同一个库——Skrollr来实现这一点。然而,它有缺陷——导致Safari桌面和移动设备出现问题(破坏了页面上其他一些元素的布局)。有人能给我指正确的方向吗?jQuery插件或一些自定义代码来实现这一点。谢谢。
您可以使用parallax.js,甚至像MaterializeCSS这样的框架,它已经实现了一个框架,还增加了使用基于网格的框架来设计web的好处。
相关文章:
- 使用javascript应用视差效果时,图像会发生抖动
- 避免在视差滚动效果中对图像进行不必要的缩放
- 创建堆叠图像视差
- 卷轴上的视差图像和粘滞标题无法正常工作
- 视差'背景图像/位置/附件'jQuery的动画很不稳定
- 无法更改使用视差滚动的图像宽度
- 将视差与图像幻灯片一起使用
- 视差滚动图像超出视野
- 具有多个总部背景图像的视差网页的预加载器
- 视差滚动背景图像自动放大和缩小
- 当图像超出限制时停止视差效果
- 视差滚动图像通过徽标透明度
- 使用滚动在视差上淡出背景图像
- 为容器中的非全宽图像创建视差效果
- 视差浮动图像库
- 视差背景没有'不起作用(只有一个图像)
- 视差图像对我不起作用
- 为什么我的图像在执行这个视差脚本时跳了几个像素
- 需要背景图像幻灯片只显示在一个视差页面
- 背景图像的视差效果