[Scrolling] Position (pourcentage) de scrolling?

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 ;)

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

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

Code:

---

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 ....

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

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.

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 :oops:

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

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

faut mettre cette ligne

Citation:

---

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

---

au début de ta fonction

Zut, je me sens gland...

Merci encore kimjoa :mrgreen:

Il ne reste plus que le soucis de scrolling qui apparait parfois.
On dirait que je scroll mais tente en même temps d'appliquer le pourcentage de scroll à ma div, du coup ben ça bouge pas.

On dirait que ça n'arrive que lorsque ma souris est positionnée en dehors du contenu de ma div (par exemple dans les espaces vides entre les <p></p>).

Avec mon pourcentage de scroll à zéro (au chargement de la page, par exemple), si je place ma souris dans le 2eme paragraphe, la valeur de mon scroll bouge bien, jusqu'à l'inter paragraphes.
Il faut que je me place dans le 3eme si je veux pouvoir continuer de descendre.

Ai je encore placé une affectation de valeur au mauvais endroit?

chez moi ca marche bien sous FF. Mais sinon ca ressemble ç un probleme de mouseover/out qui se déclenche aussi lorsqu'on survol un élément enfant, par exemple sur tes <p></p>. En faite au survol d'un élément enfant l'événement mouseout va se déclencher suivie de mouseover

Deux solutions, soit passer par l'évènement mouseenter / mouseleave , qui est spécifique à IE . Donc en créant une gestion crossbrowser des évènements (galère).
Soit en grugeant! c-a-d de différer le l'évènement onmouseup dans un setTimeout à 0. Et de vraiment l'appliqué que si un mouseover n'a pas été déclenché durant ce pseudo lapse de temps.

- tu déclare deux variable globale ensurvol et timeout .
- Au mouseup tu affecte à timeout un setTimeout à 0 dans lequel tu créer ta routine en mettant a false ensurvol et en mettant à null timeout .
- Au mouseover tu exécutes la routine que si la variable ensurvol été a false et la met à true, sinon tu supprime le timeout.

compliqué ;) a+