<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> html,body{
scroll-snap-type: y mandatory; height: 900px; overflow: auto; } div.item {
scroll-snap-align: center; height: 900px; } </style> <body> <div style="background: aqua" class="item"></div> <div style="background: rebeccapurple" class="item"></div> <div style="background: greenyellow" class="item"></div> <div style="background: dimgrey" class="item"></div> </body> </html>