术语 · 动效图鉴

横向滑动吸附

Scroll Snap

一排卡片横着滑，松手后自动对齐到一整张，不会停在半张上。

在卡片上左右滑动或用触控板横向滚动；不动时会自动演示

吸附

对齐到

一次滑过

跟 AI 这么说

这一排卡片横向滑动：开启滚动吸附，松手后自动对齐到最近的一张卡片，卡片和容器左边缘对齐，用力一滑也只翻一张；用 CSS 的 scroll-snap 实现，不需要写 JS。

常用在卡片

要让人看出「还能往右滑」：最后露出半张卡片，或者在下面放一排小圆点。卡片刚好塞满一屏，用户根本不知道右边还有东西。