scroll

1. 首页
2. scroll

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

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

数据库 2026年02月20日 0 点赞 0 评论 14 浏览

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

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

搜索与索引 2026年02月20日 0 点赞 0 评论 12 浏览

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

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

算法与数据结构 2026年02月20日 0 点赞 0 评论 10 浏览

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

细化滚动驱动动效的时间线配置，使用 `scroll-timeline-name` 与 `animation-timeline` 关联滚动与动画，结合

微服务 2026年02月20日 0 点赞 0 评论 10 浏览

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

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

性能优化 2026年02月13日 0 点赞 0 评论 14 浏览

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

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

前端框架 2026年02月13日 0 点赞 0 评论 19 浏览

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

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

工程实践 2026年02月13日 0 点赞 0 评论 10 浏览

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

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

工程实践 2026年02月13日 0 点赞 0 评论 8 浏览

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

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

工程实践 2026年02月13日 0 点赞 0 评论 11 浏览

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

软件 2026年02月13日 0 点赞 0 评论 11 浏览