← 返回全部术语

滚动触发与定位 / TERM 010

视口阈值触发Viewport Threshold

看见一定比例后才开始动。

010

LIVE PREVIEW

VIEWPORT

35%

✳ reveal!

✦ MOTIONLEX

01 这个效果是什么

只有目标元素进入视口达到指定比例，动画才被触发。

02 可以这样告诉 AI

让案例图进入视口 35% 后播放一次入场动画；快速滚动越过时仍保证最终内容可见，不反复触发。

03 做好后看什么

触发比例和内容可见性一致
减少动态效果时仍可完整使用