LogoClawIndex
案例技能关于
LogoClawIndex

butter-smooth-scrolling - 添加基于动量的平滑滚动

为鼠标滚轮、触控板和触摸输入添加基于插值的动量滚动,并与现有锚点链接平滑滚动配合使用。

标签

更新于: 2026-09-28
平滑滚动动量滚动滚轮事件触摸输入ReactNext.js无障碍

能力

典型输入

典型输出

该技能可以做什么

  • 处理滚轮滚动
  • 处理触控板滚动
  • 处理触摸滚动
  • 插值计算滚动位置
  • 配置滚动平滑度
  • 遵循减少动态效果设置

输入

  • Next.js 应用
  • 区域布局文件
  • 滚动配置选项

输出

  • ButterScroll 组件文件
  • 更新后的区域布局
  • 动量滚动行为
  • 减少动态效果时的回退行为

要求

  • Next.js App Router
  • React 19
  • 浏览器支持 requestAnimationFrame

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
处理滚轮滚动
处理触控板滚动
处理触摸滚动
插值计算滚动位置
Next.js 应用
区域布局文件
滚动配置选项
ButterScroll 组件文件
更新后的区域布局
动量滚动行为