Hi, @Humphry’s answer is already very good. This effect of monitoring scroll events was created by Nike’s new product promotion in 2011, and was later popularized. There are many examples online. The most amazing Youth Pi official website is a bit slow to load but the effect is amazing. (Sorry, it was later confirmed that the effect has been changed. The original visually impaired website was very amazing.)
There is an article recommended for you to help you better understand the "scenes" in animation http://blog.teamtreehouse.com/multiplane-design-with-svgs-and-css-3d-transforms
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Parallax scrolling.
Listen to the scroll event and set a scroll rate v=f(y) and the scroll limits Ymin and Ymax that appear on the screen for each layer/p.
Please google for implementation details.
——
https://github.com/stephband/jparallax
http://markdalgleish.com/projects/stellar.js
Hi, @Humphry’s answer is already very good. This effect of monitoring scroll events was created by Nike’s new product promotion in 2011, and was later popularized. There are many examples online. The most amazing Youth Pi official website is a bit slow to load but the effect is amazing. (Sorry, it was later confirmed that the effect has been changed. The original visually impaired website was very amazing.)
There is an article recommended for you to help you better understand the "scenes" in animation http://blog.teamtreehouse.com/multiplane-design-with-svgs-and-css-3d-transforms