2012-10-04 13 views
9

Tengo un enlace que cambia su posición vertical al desplazarse. Quiero ir a cierta posición (sin problemas) en mi página cuando hago clic en este enlace, que se encuentra exactamente 1080px desde la parte superior de la página.jQuery Desplazarse x píxeles desde la parte superior de la página al hacer clic en un enlace

No puedo hacer que funcione, espero que alguien me pueda ayudar.

El enlace:

<img src="img/clickme.png" style="cursor: pointer;" class="scroll"/> 

El guión:

<script type="text/javascript"> 
$(document).ready(function() { 
$(".scroll").click(function(event){  
$('html, body').animate({scrollTo({ top: '+1080px',}, 800); 
}); 
}); 
</script> 

Respuesta

21

Prueba este lugar. Su sintaxis es un poco fuera:

$(document).ready(function() { 
    $(".scroll").click(function(event){ 
     $('html, body').animate({scrollTop: '+=1080px'}, 800); 
    }); 
}); 

Demostración: http://jsfiddle.net/m4Aaz/2/

+0

¿Cómo puedo detener este desplazamiento ?? No puedo detener este desplazamiento por "$ ('html, body'). stop()". ?? ¿podrías sugerir una manera? Gracias – Eann

Cuestiones relacionadas