css 滚动时显示相同图像并基于滚动显示动画

wooyq4lh  于 2022-11-19  发布在  其他
关注(0)|答案(2)|浏览(115)

bounty将在4天后过期。回答此问题可获得+50的声望奖励。Shiva正在寻找来自知名来源的答案:想知道如何实现那种滚动行为。

我偶然发现了苹果网站,在那里我可以看到相同的图像/设计滚动到一定程度,也动画滚动到底部和向上。
参考URL:https://www.apple.com/in/macbook-air-m2/
我想知道如何实现这些类型特性。

3pvhb19x

3pvhb19x1#

我不确定是否有人能在这里提供一个完整的工作答案。
通读本文https://scrollsequence.com/how-to-make-scroll-image-animation/
它会给予你一个方向,以遵循实现类似的结果。

au9on6nz

au9on6nz2#

滚动动画就是其中之一,有很多方法可以解决它,我最喜欢的方法是使用GSAP。
下面是一个论坛帖子,其中包含更多信息:https://greensock.com/forums/topic/32782-video-scroll-animation/
实际上,你是在嵌入一个视频,然后让每个滚动位置触发下一帧或上一帧,在你滚动的同时播放视频。有很多注意事项,但上面的链接非常深入,所以我建议你去看看。

相关问题