视差 Floating/Easing 效果
Parallax Floating/Easing Effect
有人对如何实现这种元素滚动时浮动的效果有什么建议吗? https://www.couleecreative.com。最好是jQuery/CSS.
您可以使用 jquery.parallax-scroll 插件。
下面是如何使用它的示例::
Translation to the right by 650 pixels when vertical scroll position
is over 90 pixels, then translation to the bottom by 500 pixels when
vertical scroll position is over 400 pixels during a scroll distance
of 60 pixels
<li data-parallax='{"x": 650, "from-scroll": 90, "distance": 0}' data-parallax2='{"y": 500, "from-scroll": 400, "distance": 60}'>3</li>
有人对如何实现这种元素滚动时浮动的效果有什么建议吗? https://www.couleecreative.com。最好是jQuery/CSS.
您可以使用 jquery.parallax-scroll 插件。
下面是如何使用它的示例::
Translation to the right by 650 pixels when vertical scroll position is over 90 pixels, then translation to the bottom by 500 pixels when vertical scroll position is over 400 pixels during a scroll distance of 60 pixels
<li data-parallax='{"x": 650, "from-scroll": 90, "distance": 0}' data-parallax2='{"y": 500, "from-scroll": 400, "distance": 60}'>3</li>