点击上方 前端Q，关注公众号 回复加群，加入前端Q技术交流群 这里介绍一种 Apple 官网非常喜欢用的一种交互动效：根据页面滚动播放视频。在 iPad、AirPods、Mac Pro 等产品的页面中，都会看到对应的实现。 下图是 AirPods Pro 充电盒动效，我们后面会实现这个动效 5-1-AirPods.gif 下面来看看具体的实现案例，本文所有案例都可以通过 nice.zuo11