Utilities for controlling the scroll behavior of an element.
Use the scroll-smooth utility to enable smooth scrolling within an element:
<!-- [!code classes:scroll-smooth] -->
<html class="scroll-smooth">
<!-- ... -->
</html>Setting the scroll-behavior only affects scroll events that are triggered by the browser.
Use the scroll-auto utility to revert to the default browser behavior for scrolling:
<!-- [!code classes:scroll-auto] -->
<html class="scroll-smooth md:scroll-auto">
<!-- ... -->
</html>