11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous,
Je cherche à réaliser une fonction scroll en jquery, en vain. Merci d'avance de votre aide.

En gros ce que je désire faire est la chose suivante :
J'ai un lien sur 1 page (index.php) qui envoi sur une autre page (page.php) et lorsque l'on atteint cette page (page.php): on arrive en haut de la page et ça scroll (automatiquement) jusqu'à l'ancre voulue (prévue dans le lien) ?

Vous l'avez compris, je ne désire pas un simple lien avec une ancre nommée, cela doit aussi obligatoirement se faire sur une page de destination différente.

Si vous avez déjà vu çà, une idée ou un tuto, je suis preneur Smiley cligne , merci.
Bye
Zed
Salut,

Rien de bien compliqué, il suffit (au chargement de ta deuxième page) de récupérer la position offset() de ton ancre, puis de faire un animate() de la propriété scrollTop() de ta page.

PS : attention à bien faire l'animate sur le html et le body, car c'est dépendant du navigateur.

Exemple :


jQuery(function ($) {

// Code fait de tête hein…
var posAncre = $("#monAncre").offset();
var posAncreY = posAncre.top();
$("html, body").animate({
    scrollTop: posAncreY
}, 300);

});