这是一个创建于 2235 天前的主题，其中的信息可能已经有所发展或是发生改变。
苹果官网的各种产品介绍页做的很炫！！！想请教下如何才能做出这样的效果？他们是用了什么 3d 库吗？
像这个页面： https://www.apple.com/cn/macbook-pro-16/ 开头那个 mac 电脑盖随着鼠标的滚动而上下移动，这种效果是怎么做到的呢？
 | 1 luckyrayyy 2019-11-17 03:22:36 +08:00 via iPhone 目测是很暴力的方法，加载了巨量的图片。AirPods Pro 的那个我记得十好几 MB |
 | 2 rabbbit 2019-11-17 03:27:48 +08:00 用 sticky 粘到中间,监听 onScroll 事件, 根据滚动距离更换图片 |
| 3 rabbbit 2019-11-17 03:35:13 +08:00 奇怪的是有个 data-component-list="ThreeJSLoaderComponent" 搞不懂用 three.js 做了什么,拿 three.js 画了个矩形然后换贴图? |
 | 4 Hsinyao 2019-11-17 09:51:31 +08:00 via iPhone 有一说一苹果的前端属实牛逼 |
 | 5 varzy 2019-11-17 11:03:12 +08:00 via iPhone 看了一下，开合盖子的动画是个 video 标签。那应该是监听鼠标滚动事件，控制视频进度 |
 | 6 wclebb 2019-11-17 12:15:54 +08:00 via iPhone 有些我查看网页是视频控制的。 |
 | 10 Building 2019-11-17 14:13:33 +08:00 via iPhone 网页特效其实不算特别，设计功力是真的厉害，苹果广告公司名不虚传。 |
 | 11 Lanayaaa 2019-11-17 14:18:12 +08:00 主要还是设计师牛 b |
 | 12 zhnagyang 2019-11-17 21:35:46 +08:00 有一种风格叫苹果风格，不佩服不行 |
 | 13 icenine 2019-11-18 18:04:23 +08:00 好多效果就是视频 早年宽带还不是这么宽时苹果就这么干了 苹果前端为了效果一直这么丧心病狂 |
Select Language