Buenos días!
Tengo una estructura de 5 div's, cada uno ocupa el 100% de la pantalla y están todos situados y cargados (al entrar en la página) uno debajo del otro.
Código HTML:
<div contenedor>
<div id="1">
</div>
<div id="2">
</div>
<div id="3">
</div>
<div id="4">
</div>
<div id="5">
</div>
</div>
Quiero poner un efecto scroll que al hacer scroll down con el mouse o pulsar la flecha abajo del teclado, se desplace de un div a otro, siempre mostrando por completo un div (como ya he dicho, ocupa el 100% cada uno). También que haga lo mismo pero subiendo div's al hacer scroll up con el mouse o pulsando la flecha arriba.
¿Cómo lo consigo? El objetivo es que nunca se quede la pantalla parada entre dos div's.
Muchas gracias!