84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
麦当劳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
视差滚动。
监听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