jQuery Faites défiler x pixels du haut de la page lorsque vous cliquez sur un lien

J'ai un lien qui change sa position verticale sur le défilement. Je veux aller à une certaine position (en douceur) sur ma page quand je clique sur ce lien, qui est situé exactement 1080px à partir du haut de la page.

Je ne peux pas le faire fonctionner, j'espère que quelqu'un peut m'aider.

Le lien:

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

Le script:

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

source d'informationauteur user1715848 | 2012-10-04

  1. 22

    Essayez plutôt ceci. Votre syntaxe est un peu:

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

    Démo: http://jsfiddle.net/m4Aaz/2/