scroll-smooth — native smooth scrolling for anchor navigation. This family contains 2 generated classes in Nakshora 3.0.
Classes#
| Class | Generated CSS |
|---|---|
scroll-auto | scroll-behavior: auto; |
scroll-smooth | scroll-behavior: smooth; |
Example#
example
<html class="scroll-smooth">
<a href="#pricing">Jump to pricing</a>Responsive & variants#
Every class here accepts screen prefixes (sm: … xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- Add scroll-mt-* to targets so fixed headers don't cover them
Related#
utilities/interactivity/cursor|Cursor · utilities/interactivity/scroll-snap|Scroll snap