Scroll behavior
Utilities for scroll behavior.
Quick reference
Section titled “Quick reference”| Class | Styles |
|---|---|
af-scroll-smooth | scroll-behavior: smooth |
Examples
Section titled “Examples”Smooth scrolling
Scroll smoothly
Anchor
<a class="af-text-link af-scroll-smooth" href="#demo-anchor">Scroll smoothly</a>
<div style="height: 6rem;"></div>
<div id="demo-anchor" class="af-border af-radius af-p-sm">Anchor</div>