scrollTop retourne toujours 0
Hello,
alors voilà mon problème, j'ai récupéré une fonction dans un très bon livre sur javascript (javascript by david flanagan), cette denrière permet de récupérer la distance en pixel de la barre scroll. Cependant je remarque que :
Code:
document.body.scrollTop
me retourne 0 à chaque fois. Sauf lorsque j'enlève dans l'entête de ma page le
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
j'ai aussi essayé avec le doctype pour le html 5
mais rien n'y fait il retourne toujours 0.
voici la fonction si jamais:
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
34
| var Geometry = {};
if(document.body.clientWidth !== undefined) {
Geometry.getViewportWidth =
function() {return document.body.clientWidth;};
Geometry.getViewportHeight =
function() {return document.body.clientHeight;};
Geometry.getHorizontalScroll =
function() {return document.body.scrollLeft;};
Geometry.getVerticalScroll =
function() {return document.body.scrollTop;};
}
else if ( document.documentElement &&
document.documentElement.clientWidth !== undefined){
Geometry.getViewportWidth =
function() {return document.documentElement.clientWidth;};
Geometry.getViewportHeight =
function() {return document.documentElement.clientHeight;};
Geometry.getHorizontalScroll =
function() {return document.documentElement.scrollLeft;};
Geometry.getVerticalScroll =
function() {return document.documentElement.scrollTop;};
}
else if (window.innerWidth !== undefined) {
Geometry.getViewportWidth =
function() {return window.innerWidth;};
Geometry.getViewportHeight =
function() {return window.innerHeight;};
Geometry.getHorizontalScroll =
function() {return window.pageXOffset;};
Geometry.getVerticalScroll =
function() {return window.pageYOffset;};
} |
la structure de ma page :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <!DOCTYPE html>
<html>
<head>
[...]
</head>
<body>
[...]
<script type="text/javascript">
// ma fonction est placée ici
</script>
</body>
</html> |
