Foros del Web » Programando para Internet » Javascript »

Scroll de div a div

Estas en el tema de Scroll de div a div en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/01/2013, 06:17
 
Fecha de Ingreso: febrero-2008
Mensajes: 76
Antigüedad: 16 años, 2 meses
Puntos: 0
Scroll de div a div

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!
  #2 (permalink)  
Antiguo 16/01/2013, 05:39
 
Fecha de Ingreso: febrero-2008
Mensajes: 76
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Scroll de div a div

¿Ninguna idea para la navegación div a div a través de la flecha arriba y flecha abajo del teclado?
  #3 (permalink)  
Antiguo 16/01/2013, 06:10
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Scroll de div a div

Explicate con más detalle porque asi como está yo al menos no lo entiendo
ocupan el 100%? te referís al ancho supongo.
hacer scroll down con el mouse ? hacer scroll sobre que?, el body? los divs? estos tienen un overflow visible?
Podría ser que quieras que mientras haces scroll dentro del div, una vez alcanzado el final del contenido de ese div salte al inferior y a la inversa si es scroll up
El objetivo es que nunca se quede la pantalla parada entre dos div's. ?????

De paso te aclaro que lod id no pueden ser ni comenzar por un valor numérico.
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 16/01/2013, 06:18
 
Fecha de Ingreso: febrero-2008
Mensajes: 76
Antigüedad: 16 años, 2 meses
Puntos: 0
Respuesta: Scroll de div a div

O sea, tengo 5 div's que miden 100% de altura (y de ancho también) cada uno. Uno debajo del otro. Mi web tiene una altura de 500% para decirlo de alguna manera. Esos 5 div's estan dentro de un contenedor, todo con posicion relativa.

Quiero que al hacer scroll sobre la página (o tocar la flecha arriba o flecha abajo del teclado), el usuario navegue de div a div, que no se quede nunca la pantalla parada entre dos div's, correcto! :)

PD: Los id's son otros, los puse así para poner un ejemplo corto de la estructura del código.
PD2: Es un wordpress y cada div es un post, con un id tipo "post-1", "post-2",...
  #5 (permalink)  
Antiguo 16/01/2013, 06:43
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años
Puntos: 834
Respuesta: Scroll de div a div

Probaste con scrollIntoView o con scrollTop?
Otra cosa, los valores del atributo id no pueden comenzar con número.

Etiquetas: scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:14.