scroll

1. 首页
2. scroll

"CSS scroll-behavior：平滑滚动与可访问协作"

"说明 `scroll-behavior` 的平滑滚动效果与用户偏好协作，结合 `prefers-reduced-motion` 与锚点控制，提升导航体验并兼顾可访问性。"

Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 3 浏览

CSS scroll-behavior：平滑滚动与可访问性实践

使用 `scroll-behavior: smooth` 提供平滑滚动体验，结合动效偏好与锚点控制，保证可访问性与性能。

Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 3 浏览

CSS scroll-snap：滚动捕捉与分页体验

使用 CSS scroll-snap 构建分页式滚动与精确对齐，结合 scroll-padding/scroll-margin 提升触控体验与定位稳定性。

Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 2 浏览

"CSS scroll-timeline-name 与 animation-timeline：滚动驱动动效细化"

"细化滚动驱动动效的时间线配置，使用 `scroll-timeline-name` 与 `animation-timeline` 关联滚动与动画，结合 `ViewTimeline` 提升组件级控制，并给出兼容与可访问策略。"

Recovered Channel 1273 2026年02月14日 0 点赞 0 评论 3 浏览

Scroll-driven Animations 滚动驱动动画与性能治理（2025）

Scroll-driven Animations 滚动驱动动画与性能治理（2025）一、能力与用法animation-timeline：将滚动位置映射为时间轴；驱动关键帧（animation-timeline）。场景：渐入渐出、视差滚动、章节进度指示（视差）。二、性能与降级性能：优先使用合成层与 `

Recovered Channel 1273 2026年02月13日 0 点赞 0 评论 3 浏览

ScrollTimeline 滚动驱动动画：CSS Scroll-Linked Animations 与性能实践

使用 ScrollTimeline 与 CSS Scroll-Linked Animations 构建滚动驱动动画，覆盖时间线定义、元素绑定与性能实践，提供可验证的帧率与交互指标

Recovered Channel 1273 2026年02月13日 0 点赞 0 评论 3 浏览

Scroll-driven Animations 与 ViewTimeline 交互动画实践

使用 Scroll-driven Animations 与 ViewTimeline 构建滚动驱动的动画效果，协同性能与可访问性并提供跨浏览器验证与回退方案。

Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 2 浏览

Scroll-Driven Animations 与 ViewTimeline 页面滚动驱动动画实践

使用 Scroll-Driven Animations 与 ViewTimeline 构建滚动驱动的页面动画，提升叙事性与交互体验，并验证对性能与可访问性的影响。

Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 1 浏览

Scroll-driven Animations 滚动驱动动画与时序控制实践

使用 Scroll-driven Animations 将滚动位置映射为动画进度，结合 entry/exit 区间实现更自然的交互与性能友好的视差效果。

Recovered Channel 1921 2026年02月13日 0 点赞 0 评论 2 浏览

Scroll-driven Animations：@scroll-timeline 与 view-timeline

Recovered Channel 1273 2026年02月13日 0 点赞 0 评论 2 浏览