MonorailCss

Scroll Snap Align

Utilities for controlling the scroll snap alignment of an element.

Class CSS Output
snap-center 
scroll-snap-align: center;
}
snap-align-none 
scroll-snap-align: none;
}
snap-end 
scroll-snap-align: end;
}
snap-start 
scroll-snap-align: start;
}

snap-center

scroll-snap-align: center;

snap-align-none

scroll-snap-align: none;

snap-end

scroll-snap-align: end;

snap-start

scroll-snap-align: start;

Reference

scroll-snap-align MDN ↗

CSS Properties

  • scroll-snap-align