document.documentElement.scrollTop in IE7

vunet.us · Aug 9, 2007

The JS line below is supposed to return the number of pixels from the
very top of the page to the top of the scrolled-down position of this
page. I've noticed that IE7 always return 0 even though I scrolled
down a lot. Firefox and IE6 show over 1000 in my tests. Did something
change in IE7?

var topPosFix = typeof window.pageYOffset != 'undefined' ?
window.pageYOffset:document.documentElement &&
document.documentElement.scrollTop ?
document.documentElement.scrollTop: document.body.scrollTop?
document.body.scrollTop:0;

Martin Honnen · Aug 9, 2007

The JS line below is supposed to return the number of pixels from the
very top of the page to the top of the scrolled-down position of this
page. I've noticed that IE7 always return 0 even though I scrolled
down a lot. Firefox and IE6 show over 1000 in my tests. Did something
change in IE7?

var topPosFix = typeof window.pageYOffset != 'undefined' ?
window.pageYOffset:document.documentElement &&
document.documentElement.scrollTop ?
document.documentElement.scrollTop: document.body.scrollTop?
document.body.scrollTop:0;

With IE 6 and 7 you should use document.documentElement.scrollTop if
document.compatMode != 'BackCompat'.
Not sure why you get 0, can you post a URL?

vunet.us · Aug 9, 2007

With IE 6 and 7 you should use document.documentElement.scrollTop if
document.compatMode != 'BackCompat'.
Not sure why you get 0, can you post a URL?

Here is copy/paste example for demonstration. Sorry I am able to get
to external server in the evening only...
So, IE7 shows 0:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<script>

function fff(){
//fix top positioning
var topPosFix = typeof window.pageYOffset != 'undefined' ?
window.pageYOffset:document.documentElement &&
document.documentElement.scrollTop ?
document.documentElement.scrollTop: document.body.scrollTop?
document.body.scrollTop:0;

alert('document.documentElement.scrollTop='+document.documentElement.scrollTop
+', document.body.scrollTop='+document.body.scrollTop)
}

</script>
</head>

<body onLoad="fff();">
 
 
 
 
</body>
</html>

vunet.us · Aug 10, 2007

Here is copy/paste example for demonstration. Sorry I am able to get
to external server in the evening only...
So, IE7 shows 0:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<script>

function fff(){
//fix top positioning
var topPosFix = typeof window.pageYOffset != 'undefined' ?
window.pageYOffset:document.documentElement &&
document.documentElement.scrollTop ?
document.documentElement.scrollTop: document.body.scrollTop?
document.body.scrollTop:0;

alert('document.documentElement.scrollTop='+document.documentElement.scrollTop
+', document.body.scrollTop='+document.body.scrollTop)

}

</script>
</head>

<body onLoad="fff();">
 
 
 
 
</body>
</html>

So can anybody confirm this problem or is it something wrong with me?
Thanks.

David Mark · Aug 11, 2007

So can anybody confirm this problem or is it something wrong with me?

The problem is that you are checking the position on load. Get rid of
the onload attribute and add this to your script:

window.onscroll = fff;

David Mark · Aug 11, 2007

With IE 6 and 7 you should use document.documentElement.scrollTop if
document.compatMode != 'BackCompat'.
Not sure why you get 0, can you post a URL?

True enough, but I think the OP's test is more robust. Assuming that
all browsers that support document.compatMode also populate the
scrollTop property of the documentElement as expected seems a logical
assumption, but I wouldn't rely on it.

onscroll Script dont work in IE	7	May 24, 2011
IE7 and document.documentElement.clientHeight	1	Aug 29, 2008
Mouse position in both fixed and relative positioning	2	May 17, 2011
How to do proper object detection	2	Dec 16, 2003
Need IE7 Support	0	Oct 14, 2009
Pages doesn't load properly until mouse movement	0	Oct 26, 2008
mouse movement required to load content	0	May 27, 2009
Sticky Header - How Do I Make It Hide/Show on Scroll?	0	Sep 27, 2021

document.documentElement.scrollTop in IE7

vunet.us

Martin Honnen

vunet.us

vunet.us

David Mark

David Mark

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads