To Get the Scroll Height

**veeresh@MS** · September 21st, 2007, 06:19 AM

Hi,

In aspx page

i wrote one function in javasript to show the scrolling height

function scrollingDetector(){

if (navigator.appName == "Microsoft Internet Explorer"){

alert("You've scrolled to " + document.body.scrollTop + " pixels.");

}else{alert ("You've scrolled to " + window.pageYOffset + " pixels.");}

}

and calling this function in <body onscroll= scrollingDetector()

this one is working fine if am not including this below line in the top of <html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

but if i include this line onscroll property of body is not working.

Anybody please help me why it is happening..

waiting for your valuable response

Veeres

**andreasblixt** · September 21st, 2007, 06:30 AM

Relying on the exact browser like that is bad because you will never get good cross-browser compatability. Here's a script taken from www.quirksmode.org, a great resource on cross-browser compatible JavaScript:

Code:

var x,y;
if (self.pageYOffset) // all except Explorer
{
	x = self.pageXOffset;
	y = self.pageYOffset;
}
else if (document.documentElement && document.documentElement.scrollTop)
	// Explorer 6 Strict
{
	x = document.documentElement.scrollLeft;
	y = document.documentElement.scrollTop;
}
else if (document.body) // all other Explorers
{
	x = document.body.scrollLeft;
	y = document.body.scrollTop;
}

**PeejAvery** · September 21st, 2007, 06:47 AM

EDIT: Misunderstood the question.

**andreasblixt** · September 21st, 2007, 11:11 AM

The code I posted should work in all browsers. Yours doesn't retrieve the values he wanted (he wanted the position of the scroll, not the dimensions of the page.)

The problem he was experiencing was that once he adds the document type, IE goes into strict mode at which point you have to use document.documentElement instead of document.body.

Also, I'm pretty sure that code you posted comes from Quirksmode as well...

**PeejAvery** · September 21st, 2007, 11:26 AM

Originally Posted by andreasblixt

Also, I'm pretty sure that code you posted comes from Quirksmode as well...

Really? Where? I wrote it a while back when working with an overlay script.

Thread: To Get the Scroll Height

Thread Tools

Display

To Get the Scroll Height

Re: To Get the Scroll Height

Re: To Get the Scroll Height

Re: To Get the Scroll Height

Re: To Get the Scroll Height

Posting Permissions