Récupérer la position du scroll :-/
Résolu
Angy
-
flav1313 Messages postés 751 Date d'inscription Statut Membre Dernière intervention -
flav1313 Messages postés 751 Date d'inscription Statut Membre Dernière intervention -
Bonsoir,
Je tente en vain depuis cet après-midi de récupérer la valeur (position) du scroll et de l'afficher à chaque changement de scroll sur ma page.
J'ai essayé plusieurs choses avec l'événement onscroll et la propriété .scrollTop mais rien n'y fait : ou j'ai un "undefined" de retourné ou la valeur 0 à chaque fois.
Quelqu'un aurait une idée de solution ? :-/
Voici mon dernier code tenté :
(à noter que l'image placée dans mon bloc fait près de 7000px de haut, il y a donc bien un full scroll vertical)
Quand j'applique mon .onscroll sur "conteneur" l'événement n'ai jamais déclenché, je ne comprends pas ça non plus :-/ Du coup je me rabats en le mettant directement sur le 'document'.
Merci d'avance à ceux qui éclaireront ma lanterne !
Je tente en vain depuis cet après-midi de récupérer la valeur (position) du scroll et de l'afficher à chaque changement de scroll sur ma page.
J'ai essayé plusieurs choses avec l'événement onscroll et la propriété .scrollTop mais rien n'y fait : ou j'ai un "undefined" de retourné ou la valeur 0 à chaque fois.
Quelqu'un aurait une idée de solution ? :-/
Voici mon dernier code tenté :
(à noter que l'image placée dans mon bloc fait près de 7000px de haut, il y a donc bien un full scroll vertical)
<head> <style type="text/css"> #conteneur { width:1024px; height:768px; margin:0 auto; } #positionScroll { position:fixed; margin-left:50px; margin-top:50px; } </style> </head> <body> <div id="conteneur"> <div id="positionScroll"> </div> <img src="Simulation_content_site.png" /> </div> <script type="text/javascript"> window.onload=function() { var conteneur=document.getElementById('conteneur'); document.onscroll=function() { var position=conteneur.scrollTop; document.getElementById('positionScroll').innerHTML="Le scroll est de "+position; } } </script> </body>
Quand j'applique mon .onscroll sur "conteneur" l'événement n'ai jamais déclenché, je ne comprends pas ça non plus :-/ Du coup je me rabats en le mettant directement sur le 'document'.
Merci d'avance à ceux qui éclaireront ma lanterne !
A voir également:
- Récupérer la position du scroll :-/
- Recuperer message whatsapp supprimé - Guide
- Ma position - Guide
- Récupérer mon compte facebook désactivé - Guide
- Suivi position google - Guide
- Comment récupérer un compte facebook piraté - Guide
1 réponse
La recherche Googleça aide :
http://dev.petitchevalroux.net/javascript/connaitre-position-scroll-dans-page-javascript.89.html
http://dev.petitchevalroux.net/javascript/connaitre-position-scroll-dans-page-javascript.89.html
Quoiqu'il en soit, merci pour ta réponse : même si t'as fonction ne fonctionne pas chez moi elle contient la propriété qui me fallait :)