Tengo una página en js. Deseo que cada vez que me desplace defina qué parte de la página se desplaza. No quiero manejar el evento de desplazamiento, mantener un estado de ubicación anterior, detectar la dirección y luego moverme a la posición requerida.

¿Hay alguna manera de definir una altura de desplazamiento fija cuando se desplaza con el mouse o presiona la tecla de flecha arriba/abajo o presiona arriba/abajo en el botón de desplazamiento?

EDITAR: ENCONTRADO https://codepen.io/andyadams/pen/omLOqZ

 .y-mandatory { scroll-snap-type: y mandatory; }

sin embargo, el complemento y no funciona. El eje X funciona pero no Y