CSS Scroll Snap

scrollsnap.css

/*Horizontal snap*/
.section {
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
}

.section > .picture {
	scroll-snap-align: start;
}

/*Vertical snap*/
.section {
	overflow-y: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: y mandatory;
}

.section > .picture {
	scroll-snap-align: center;
}

/*Both direction snap*/
.section {
	overflow: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: both mandatory;
}

.section > .picture {
	scroll-snap-align: center;
}