术语 · 动效图鉴
粘性滚动叙事
Scrollytelling
左边文字往下滚，右边的图固定不动，跟着文字一张张换，像在翻一本图文书。
亲手调一调
换图方式
跟 AI 这么说
做一个粘性滚动叙事：左边三段说明文字正常滚动，右边的手机截图固定不动（position: sticky）；每段文字滚到视口中间时，右边的截图淡入淡出地切换成对应画面，时长 0.35 秒。手机上改成上下排列，每段文字下面直接放对应截图。
常用在区块
最容易踩的坑
段落之间要留足滚动距离，至少大半屏。三段文字挤在一起，右边的图还没看清就被换掉了。