jQuery Scrollen x Pixel vom oberen Rand der Seite, wenn Sie auf einen Link klicken

Question

Ich habe einen Link, der seine vertikale Position beim Scrollen ändert. Ich möchte zu einer bestimmten Position (reibungslos) auf meiner Seite gehen, wenn ich auf diesen Link klicke, der genau 1080px vom oberen Rand der Seite entfernt ist.

Ich kann es nicht funktionieren, hoffe jemand kann mir helfen.

Der Link:

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

Das Skript:

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

Answer 1

dies stattdessen versuchen. Ihre Syntax war weg ein wenig:

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

Demo: http://jsfiddle.net/m4Aaz/2/