Digamos que tengo dos secciones, una y dos. Ambas secciones tienen una altura de pantalla completa y un ancho de pantalla completa (ignore la barra de navegación superior en el video). Ahora, cuando un usuario se desplaza por mi página, no quiero que mis secciones se desplacen a la mitad. La ventana será la primera sección o la segunda. Si el usuario se desplaza hacia abajo, verá la segunda sección, y la segunda sección siempre tendrá la altura de pantalla completa. Además, si el usuario se desplaza hacia arriba, verá la primera sección y la primera sección ocupará toda la altura de la primera sección. Finalmente, los usuarios solo pueden desplazarse a la 1.ª sección o a la 2.ª sección. No pueden sentarse en el medio. No sé si fui capaz de describir lo que quería. Pero mira el siguiente GIF:
Gracias por adelantado.
Puedes hacer esto en CSS con Scroll Snap :
scroll-snap-type: y mandatory; a los elementos <html> y <body> para habilitar el ajuste vertical.scroll-snap-align: start; al elemento de la página para ajustarse al inicio del elemento de la página. html, body { scroll-snap-type: y mandatory; 1️⃣ } .page { height: 100vh; width: 100vw; scroll-snap-align: start; 2️⃣ }