Discussion :

[guidav]

Bonjour

Y a-t-il un moyen de faire un scrolling vertical d'une page de x pixels au chargement de la page ? (un peu comme une balise anchor, mais en javascript et sans balise).

Merci d'avance

[FremyCompany]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.scrollTo ? document.scrollTo(0, x) : document.body.scrollTop = x;

[guidav]

Merci, j'ai ajouté ta ligne dans mon code, mais ça ne m'a pas aidé.

Quelqu'un pourrait-il tester ma page (sous IE) en cliquant sur les 2 liens foo en haut et en bas de la page ? En cliquant sur celui du bas, on la page remonte, ce qui n'est pas top pour l'ergonomie.

Je suis preneur de toute solution, évidemment.

Le code est libre pour ceux qui souhaiteraient s'en resservir.

[FremyCompany]

Remplace # par javascript:void(0)

[guidav]

Alors là, j'aurais pu chercher longtemps !
Un immense merci, ce problème me prenait la tête depuis des mois.
Ca marche, même si j'ai une erreur javascript sur le clic, et je pense pouvoir m'en sortir assez facilement maintenant.
Juste pour ma culture, quelle différence entre # et void(0) ?

[FremyCompany]

# permet de définir une ancre.

Imaginos la page suivante (page.htm) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
HTML
> BODY
>> A name="ancre1"
>> DIV style="height: 200px;"
>> A name="ancre2"

Page.html : Charge la apge
Page.html#ancre1 : Au chargement de la page, la page scorllera jusqu'à ancre1 (ici, il n'y aura pas de scorll, vu que ancre1 est déjà visible dès le début)
Page.htm#ancre2
Au chargement de la page, la page scrollera jusqu'à ancre2
Page.html# : Au chargment de la page, la page scrollera jusqu'à "", comme il ne trouve aucune ancre "", il remet de scroll en haut

[guidav]

Merci beaucoup, j'en déduis que # est utilisé à tort et à travers dans pas mal de scripts

[FremyCompany]

Ouaip