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