jQuery Desplazarse x píxeles desde la parte superior de la página al hacer clic en un enlace

Question

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.

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> 

Answer 1

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/