Lzh on GitHub

scroll-behavior

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

快速参考

类名样式
scroll-autoscroll-behavior: auto;
scroll-smoothscroll-behavior: smooth;

示例

使用平滑滚动

使用 scroll-smooth 工具类可以在元素内启用平滑滚动:

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

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

使用普通滚动

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

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