Foros del Web » Programando para Internet » Jquery »

jQuery, Scroll Parallax Simple

Estas en el tema de jQuery, Scroll Parallax Simple en el foro de Jquery en Foros del Web. Me gustaría saber como se hace con unas pocas lineas de jQuery: Mediante un enlace local (<a href="#link">) hacer que la pagina se desplaze haciendo ...
  #1 (permalink)  
Antiguo 22/07/2013, 02:18
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 3 meses
Puntos: 9
jQuery, Scroll Parallax Simple

Me gustaría saber como se hace con unas pocas lineas de jQuery:

Mediante un enlace local (<a href="#link">) hacer que la pagina se desplaze haciendo el recorrido visual en vez de dar el salto

y a la vez he pensado que la imagen de fondo que la tengo fija haga un desplazamiento a menor velocidad, por ejemplo, vamos a la mitad de la pagina (50%) pues la imagen de fondo se desplaza verticalmente un 10%, de tal forma que por ejemplo la imagen de fondo se desplace 5 veces mas lento

Me encuentro con intentandolo con este codigo
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
//obtenemos la altura del documento
var altura = $(document).height()/100;
$(window).scroll(function(){
	$("html").css("background-position","0px " altura);
	//alert("Estate quieto!!");
      //if($(window).scrollTop() + $(window).height() == altura) {
      //      alert("Has llegado al final de la página");
      //}           
});
</script>
Gracias

Última edición por quico5; 22/07/2013 a las 06:21

Etiquetas: javascript, scroll, simple
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 16:20.