Aller à la position x dans la page après clic

charlene90
Javascript

Bonjour à tous,

Je bloque sur une chose toute bête.
J'ai un id :

<li><a href="berlin">Berlin</a></li>

et je n'arrive pas à l'animer.
J'aimerai que lors du clic, la page descende à top : 500px par exemple.
J'arrive pas :/

$("#berlin").click(function(){
            $('html,body').animate({'top':'500px'});
    });

Merci d'avance !

3 réponses

Grafikart

Je ne vois pas d'id sur ton lien.

GregWoot

Soit tu as oublié ton id dans ta balise HTML, soit tu te trompes de selecteur dans ton JQuery.

betaWeb

Salut,

Tu n'as pas d'id sur ton lien, mais tu bind ton event sur l'objet jQuery $('#berlin').
Le # signifie que tu cibles l'élément ayant comme id 'berlin', or ton lien <a href="berlin"> n'a aucun id.

Tu as donc deux façons de t'y prendre.
Soit:

$('[href="berlin"]').click(function(){
    $('html, body').animate({ 'top':'500px' });
});

Soit (et c'est de loin le plus simple):

<li><a href="berlin" id="berlin">Berlin</a></li>