Interactivity

Scroll Smooth

Utilities for sets smooth animation of scroll anchored position within a scrolling box.

Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

class	css
scroll-smooth	scroll-behavior: smooth

Usage

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

HTML

html {
  @extend
    .scroll-smooth;
}

SCSS