滚动行为

滚动行为

控制元素滚动行为的工具类。

Class Styles

Class	Styles
`scroll-auto`	`scroll-behavior: auto;`
`scroll-smooth`	`scroll-behavior: smooth;`

scroll-auto

scroll-behavior: auto;

scroll-smooth

scroll-behavior: smooth;

示例

使用 scroll-smooth 工具类来启用元素内的平滑滚动：

<html class="scroll-smooth">
  <!-- ... -->
</html>

设置 scroll-behavior 只会影响由浏览器触发的滚动事件。

使用 scroll-auto 工具类恢复到默认的浏览器滚动行为：

<html class="scroll-smooth md:scroll-auto">
  <!-- ... -->
</html>