CSS Scroll Snap

 CSS Scroll Snap

CSS Scroll Snap allows you to create smooth scrolling experiences by snapping the scroll position to specific points. Here's an example:

.scroll-container {

  scroll-snap-type: y mandatory;

  overflow-y: scroll;

}

.scroll-item {

  scroll-snap-align: start;

}

In this code, we have a container with scrollable content and multiple items inside it. We use the scroll-snap-type property to set the snapping behavior to the y-axis and the scroll-snap-align property to specify where each item should snap to.