Discussion :

[themoye]

Bonjour,

Petite question, est il possible de connaitre le "pourcentage" du scroll de ma page, pour, par exemple le sauvegarder?

J'mexplique :
Pour ma page ouaib, je joue avec les z-index.
J'ai une image de premier plan, qui cache un peu le contenu de mon plan principal (là ou j'vais avoir du texte, des images...).
C'est joli, mais du coup impossible d'interagir avec le contenu (puisque la div de l'image de premier plan est, comme son nom l'indique, au premier plan).
J'ai donc grugé, en créant une autre div non affichée au chargement de la page, contenant le même contenu que le plan principal, à un z-index encore au dessus de mon premier plan.
Un peu de Javascript.
Et quand l'utilisateur rentre dans une div bidon de la taille de mon contenu, boum, le contenu du site passe au premier plan : on peut enfin interagir avec mon site.

Problème, lorsque l'on sort de cette div, je repasse mon display à none (ben oui, pour avoir de nouveau mon joli premier plan), mais le contenu de la div de derrière n'a pas suivit le scroll (logique).
C'est pas super embattant ceci dit.
C'est pour chipoter.

Mais s'il était possible de connaitre le pourcentage d'un scrolling d'une div, pour le répercuter sur un autre, ça m'arrangerait :p

Est ce possible?

Merci

[kimjoa]

Ça à l'air sympa ton truc, tu nous fait voir?

Sinon pour récupérer le scroll d'un div ->

Code :

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

1
2
var scrollLeft = document.getElementById('test').scrollLeft;

Y a donc aussi scrollTop, et scrollHeight et scrollWidth.

Sinon j'ai lu un truc du style http://ajaxian.com/archives/hide-and-seek-via-mouse . C'est pour ext et sans doute plus compliqué , mais pourra peut-être te servir ....

[themoye]

Yop kimjoa

Merci de ta réponse, pas de soucis, des que j'ai un truc bien fonctionnel je pose le lien ici!

Mais ça ne fonctionne pas huhu...

En fait, j'aimerais connaitre en gros le pourcentage de scrolling de ma div, pour que la portion de mon contenu affiché soit la même une fois sorti de cette div.
Admettons que la hauteur de ma div soit 400px, que mon contenu en fasse 800, j'aimerais savoir quelle partie de ces 800px est actuellement à l'écran, dans ma div.

Ça se trouve, ça n'est même pas possible :p

[kimjoa]

si c'est possible.
admettons que ton scrollTop soit à 200px. Le contenue affiché irait de 200 à 600px. Donc de 25 à 75% du conteneur.
Si tu connais pas la hauteur de ton conteneur. Utilise pas la propriété height de l'objet style, mais clientHeight (clientWidth) , propriété de l'élément.

[themoye]

Je ne dois pas avoir compris le principe alors =o

Par ce que j'ai beau jouer avec la scroll barre, la valeur retournée par scrollTop ne bouge pas.
Peut être que je n'applique pas la chose comme il faut?

J'ai une div, dont l'id est "ContenuTop".
Cette div mesure ...

Hum, après une illumination, je viens de me rendre compte que mon overflow auto n'est pas sur "ContenuTop", mais sur la div qui l'englobe.
Voila pourquoi ça ne fonctionnait pas

Maintenant que j'applique la chose sur la bonne div, scrollTop change bien de valeur!

Avançons...

Effectivement, je récupère la bonne valeur de scrolling, aucun soucis pour affecter cette valeur à ma seconde div.
Par contre, j'ai un sale effet de clignotement, et ma division ne scroll pas, ou très difficilement à l'aide de la molette de la souris.

Ca m'agace :p

Edit : exemple tout moche pour illustrer le clignotement :
http://www.marion-maxime.com/Divers/TestPP.html

[kimjoa]

en faite tu essaye de calculer le scroll alors que l'élément n'est plus affiché.

faut mettre cette ligne

document.getElementById("Contenu").scrollTop = ScrollGlobale;

au début de ta fonction