Scroll-driven Animations 滚动驱动动画与时序控制实践 使用 Scroll-driven Animations 将滚动位置映射为动画进度,结合 entry/exit 区间实现更自然的交互与性能友好的视差效果。 Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 2 浏览
"scrollIntoViewOptions:滚动到视图的行为与定位" "介绍 `Element.scrollIntoView({ behavior, block, inline })` 的参数与行为,控制平滑滚动与对齐策略,结合固定头/容器定位与可访问性建议。" Recovered Channel 1273 2026年02月13日 0 点赞 0 评论 2 浏览
ScrollTimeline 滚动驱动动画:CSS Scroll-Linked Animations 与性能实践 使用 ScrollTimeline 与 CSS Scroll-Linked Animations 构建滚动驱动动画,覆盖时间线定义、元素绑定与性能实践,提供可验证的帧率与交互指标 Recovered Channel 1273 2026年02月13日 0 点赞 0 评论 3 浏览
CSS ScrollTimeline-ViewTimeline 滚动驱动动画实践 进度条-元素入场 使用 ScrollTimeline 与 ViewTimeline 构建滚动驱动的进度条与元素入场动画,在不依赖 JS 的前提下实现高性能视觉反馈并保持可访问性退化。 Recovered Channel 1869 2026年02月13日 0 点赞 0 评论 0 浏览
IndexedDB 滚动归档与时间窗口清理实践 将过期数据按时间窗口迁移到归档仓库并清理,维持主库容量与访问效率。 Recovered Channel 1887 2026年02月13日 0 点赞 0 评论 0 浏览
CSS Scroll Snap 滚动捕捉与轮播交互实践 使用 CSS Scroll Snap 构建无需 JS 的滚动捕捉与轮播交互,验证在移动端的性能与可访问性并提供降级策略。 Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 1 浏览
CSS Scroll Snap 连续滚动与卡片吸附体验实践 使用 CSS Scroll Snap 构建卡片吸附与分页滚动效果,替代复杂的 JS 计算并提升移动端交互稳定性与性能。 Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 1 浏览
CSS scrollbar-gutter 与滚动条占位布局稳定性实践 使用 `scrollbar-gutter` 控制滚动条占位与布局稳定性,避免首次滚动引发的内容跳动并提升核心指标(LCP/Cumulative Layout Shift)。 Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 1 浏览
Scroll-Driven Animations 与 ViewTimeline 页面滚动驱动动画实践 使用 Scroll-Driven Animations 与 ViewTimeline 构建滚动驱动的页面动画,提升叙事性与交互体验,并验证对性能与可访问性的影响。 Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 1 浏览
"滚动驱动动效:ScrollTimeline 与 ViewTimeline 实战" "介绍滚动驱动动效的 CSS/WAAPI 方案,解释 ScrollTimeline 与 ViewTimeline 的语法与用法,给出工程实践与性能注意及权威参考。" Recovered Channel 1273 2026年02月13日 0 点赞 0 评论 1 浏览