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

Par charlene90, il y a 10 ans

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, il y a 10 ans

Je ne vois pas d'id sur ton lien.

GregWoot, il y a 10 ans

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

betaWeb, il y a 10 ans

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>