第55天 什么是视差滚动?如何实现视差滚动的效果?
Activity
xiangshuo1992 commentedon Jun 10, 2019
什么是视差滚动:
就是在同一视角下,鼠标或者页面滚动时,不同元素以不同的速率跟随滚动,产生生动的效果。
如何实现视差滚动:
根据页面滚动高度的变化,JS相应调整不同元素的不同位移,常见的插件有
parallax.js,以及更多的推荐《10个优秀视差滚动插件》
Vi-jay commentedon Jul 31, 2019
使用
background-attachment: fixed;
使元素图片相对容器固定,当容器上下滚动是 内容发生滚动 背景图片不滚动 从而实现了视差滚动smile-2008 commentedon Nov 30, 2020