La fonction onscroll()

Bonjour,

Je suis dans le domaine de la programmation web mais j'ai des connaissances basiques sur les différents langages du développement et l'utilité de chacune.

Je travail sur un site web qui inspiré de ce site Thedeepestsite.com. Ce que je veut faire c'est que de dire au visiteur combien de mettre il a descendu avec la barre de défilement grâce à la fonction onscroll()

Mes questions:
- Est ce qu'il est possible d'avoir un barre de défilement sans aucun contenu dans la page? si oui comment ? :=) J'ai déjà chercher sur Google et j'ai trouver une solution mais sa n'a pas marcher la voilà : html { overflow-y: scroll; }
Voilà mon code final mais sa marche pas :/
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <!DOCTYPE html> <html> <head> <style> html { overflow-y: scroll; } div { font-size: 3.86em; line-height: 1em; display: block; top: 1px; margin-bottom: -0.07em; position: absolute; right: 30px; top: 20px; color: #000; } </style> <script type="text/javascript"> function OnScrollpage () { var info = document.getElementById ("info"); info.innerHTML = + div.scrollTop + "Metre"; } </script> </head> <body> <div id='info' onscroll='OnScrollpage ()'> </body> </html>
Merci pour votre aide

Windows XP / Chrome

Bonjour,
il te faut essayer dans la partie style de mettre
Code:

1 2 3 4 body{ height: 100%; overflow: scroll; }
ensuite il te faut mettre la capture de l’événement sur la page et non sur la DIV.
Code:

1 2 3 4 window.onscroll= function(){ var info = document.getElementById ("info"); info.innerHTML = document.documentElement.scrollTop + "Metre"; }
- D'où sort le div dans div.scrollTop?
- L'unité retournée est le pixel pas le mètre.
- je ne saisi pas ce que tu cherche à faire avec cette ligne info.innerHTML = + div.scrollTop + "Metre".

Merci NoSmoking tu m'as vraiment la vie :)