scroll-behavior
用于控制元素滚动行为的工具类。
快速参考
| 类名 | 样式 |
|---|---|
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>