Avoir la position scroll à chaque défilement de la page avec getScrollPosition
Résolu
rasielblas
Messages postés
143
Statut
Membre
-
rasielblas Messages postés 143 Statut Membre -
rasielblas Messages postés 143 Statut Membre -
Bonjour, après avoir fait plusieurs recherche sur google et sur certain forum je n'ai pas réussi à obtenir un résultat mais qui n'est pas satisfaisant ce qui m'a permis de postuler cet question et vous demande votre aide s'il vous plaît.
En fait j'aimerais obtenir la position du scroll à chaque défilement de la page comme l'image suivant et en jquery si c'est possible:
En faisant quelque recherche je suis tombé sur un code qui je ne sais pas si ça fonctionne mais je ne sais pas comment récupérer la valeur. Voici le code:
Vous avez une idée? ou une autre suggestion. Merci!
En fait j'aimerais obtenir la position du scroll à chaque défilement de la page comme l'image suivant et en jquery si c'est possible:
En faisant quelque recherche je suis tombé sur un code qui je ne sais pas si ça fonctionne mais je ne sais pas comment récupérer la valeur. Voici le code:
function getScrollPosition()
{
return Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);
}
Vous avez une idée? ou une autre suggestion. Merci!
Configuration: Windows / Firefox 65.0
A voir également:
- Avoir la position scroll à chaque défilement de la page avec getScrollPosition
- Impossible de supprimer une page word - Guide
- Ma position - Guide
- Barre de défilement - Guide
- La page ne peut être affichée. (80710a06) - Forum PS3
- Dans la présentation à télécharger, sans modifier leur position dans la feuille : passez le rectangle noir en arrière-plan. passez le rectangle bleu au premier plan. passez le rectangle hachuré au premier plan. quel mot apparaît ? - Forum LibreOffice / OpenOffice
window.addEventListener("scroll", function(getScrollPosition) { });Pouvez vous rectifier? et puis comment obtenir ensuite la propriété scrollTop? J'ai fais getScrollPosition(window.pageXOffset) et ça retourne 0,0. En fait j'ai du mal a appeler un tableau retourné par la fonction puis utiliser son propriété même en lisant quelque documentation.
Cordialement,
En voici un adapté à tes besoins
<!DOCTYPE html> <html> <head> <style> div { border: 1px solid black; width: 200px; height: 100px; overflow: scroll; } </style> </head> <body> <p>This example uses the addEventListener() method to attach a "scroll" event to a div element.</p> <p>Try the scrollbar in the div</p> <div id="myDIV">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since. <br><br> 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.'</div> <p id="demo"></p> <script> document.getElementById("myDIV").addEventListener("scroll", myFunction); function myFunction() { var intElemScrollTop = document.getElementById("myDIV").scrollTop; document.getElementById("demo").innerHTML = "Scroll :" + intElemScrollTop; } </script> </body> </html>