IE8 alternative to window.scrollY?

javascript html internet-explorer-8 cross-browser
Jake Wilson picture Jake Wilson · May 18, 2013 · Viewed 39.1k times · Source

I'm trying to determine how many pixels down I've scrolled using window.scrollY. But this isn't supported in IE8. What is the safe, cross-browser alternative?

Answer

dsgriffin picture dsgriffin · May 18, 2013

The cross-browser compatible version for window.scrollY is document.documentElement.scrollTop. Please see the 'Notes' section of this piece of Mozilla documentation for a full, detailed workaround in IE8 and before.

As mentioned here, pageYOffset is another alternative to window.scrollY (note though that this is only IE9+ compatible).

In regard to the link above, check Example 4 for a fully compatible way to get the scroll position (it even accounts for zoom as @adeneo mentioned!) using document.documentElement.scrollTop and document.documentElement.scrollLeft.

Here, try out the example for yourself!

Related questions

JSON object undefined in Internet Explorer 8

Currently I'm writing a JavaScript file and have the following line: var res = "JSON=" + JSON.stringify(result); result is being set just above this line. The issue I'm having is that IE8 (IE8 only, that is) is reporting to me …

Read More
How to set HTML content into an iframe

I have a HTML string <html> <body>Hello world</body> </html> and I want to set it to an iframe with JavaScript. I am trying to set the HTML like this: contentWindow.…

Read More
How do I disable the save password bubble in chrome using Javascript?

I need to be able to prevent the Save Password bubble from even showing up after a user logs in. Autocomplete=off is not the answer. I have not come across a post that offers a secure solution for this …

Read More