La fonction onscroll()

**mhmdsaji** · 18/07/2013, 18h01

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

Sélectionner tout - Visualiser dans une fenêtre à part

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

**NoSmoking** · 18/07/2013, 19h56

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

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**mhmdsaji** · 28/07/2013, 11h59

Merci NoSmoking tu m'as vraiment la vie

La fonction onscroll()

JavaScript

Vue hybride

Discussions similaires

Partager

Partager