用途:整理基于滚动的交互设计,包括粘性元素、视差、滚动触发动画和滚动体验。
主要能力:列出粘性元素的使用时机,如长页面中的页头/导航、长表格的表头、内容滚动时保持可见的侧边栏、需要始终可达的主 CTA 按钮、以及会滚离内容的标签栏。滚动触发动画包括:进入视口时淡入、背景比前景移动更慢的视差、文章阅读进度条、随滚动逐步显现的元素。
规则与限制:覆盖原生滚动行为(scrolljacking)几乎总是错误的;视差最多一层、要微妙,并尊重 prefers-reduced-motion;粘性元素会占用屏幕空间,移动端需谨慎预算;滚动触发动画只应触发一次,不应在向上滚动时重新触发;返回顶部按钮应在滚动超过 2 个视口高度后显示;导航时滚动位置应保持,返回按钮应回到原滚动位置。
使用方式与适用场景:作为设计参考,用于网页滚动交互的取舍与规范制定。具体实现代码、安装命令及平台信息暂未提供。