Récupérer la position du scroll :-/
Résolu
Angy
-
flav1313 Messages postés 812 Statut Membre -
flav1313 Messages postés 812 Statut Membre -
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 recuperer une video sur youtube - 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 :)