麦当劳Dollar Menu的广告 http://www.mcdonalds.com/us/en/promotions/value.html
网页上的图片随着页面的上下滚动会产生相应的变化，这个是如何制作的？
认证高级PHP讲师
视差滚动。
监听scroll事件，针对每个图层/p设定一个滚动速率v=f(y)和出现在屏幕中的滚动界限Ymin,Ymax。
实现细节请自行google。
——
https://github.com/stephband/jparallax
http://markdalgleish.com/projects/stellar.js
hi,@Humphry 回答的已经很好了，这种监听scroll事件的效果是2011年 nike新品推广 做出来的效果，之后被推广开来。 网上有很多例子。最惊艳的 少年派官网 加载有点慢但是效果很惊艳。（不好意思后来证实 现在已经换效果了 最初的那个视觉差效果的网站十分惊艳。）
有一片文章推荐给你 帮助你更好的理解动画中的”场景“ http://blog.teamtreehouse.com/multiplane-design-with-svgs-and-css-3d-transforms
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
视差滚动。
监听scroll事件，针对每个图层/p设定一个滚动速率v=f(y)和出现在屏幕中的滚动界限Ymin,Ymax。
实现细节请自行google。
——
https://github.com/stephband/jparallax
http://markdalgleish.com/projects/stellar.js
hi,@Humphry 回答的已经很好了，这种监听scroll事件的效果是2011年 nike新品推广 做出来的效果，之后被推广开来。 网上有很多例子。最惊艳的 少年派官网 加载有点慢但是效果很惊艳。（不好意思后来证实 现在已经换效果了 最初的那个视觉差效果的网站十分惊艳。）
有一片文章推荐给你 帮助你更好的理解动画中的”场景“ http://blog.teamtreehouse.com/multiplane-design-with-svgs-and-css-3d-transforms