Elegant scrolling effect using only css
.parent {
height: 100vh;
position: relative;
scroll-snap-type: mandatory;
scroll-snap-points-y: repeat(100vh);
scroll-snap-type: y mandatory;
// hide scrollbar from overflow scroll
::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
overflow-y: scroll;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
overflow-x:hidden;
}
.children {
scroll-snap-align: start;
scroll-snap-stop: always;
}