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-md af-p-sm">
Anchor
</div>