getting `distance` of scroll

Question

Using JavaScript is it possible to work out the distance, or how far in pixels a window has been scrolled down?

score 13 · Answer 1 · answered Apr 21 '14 at 16:33

This will work to get the distance of an element from the top of the document: document.documentElement.scrollTop

You need to make sure that the element is scrollable.

From Mozilla MDN:

If the element can't be scrolled (e.g. it has no overflow or if the element is non-scrollable), scrollTop is set to 0

score 5 · Answer 2 · answered Nov 26 '11 at 07:32

5

There is a dual check:

var dsocleft=document.all? iebody.scrollLeft : pageXOffset
var dsoctop=document.all? iebody.scrollTop : pageYOffset

For IE and others

answered Nov 26 '11 at 07:32

Pifon

I have noticed that Firefox and Chrome on Mac -- the jquery "scrollTop()" method does not work -- it always returns '0'. Also Firefox on Ubuntu also returns 0 – hypervisor666 Jul 30 '13 at 20:23

score 4 · Answer 3 · answered Sep 01 '20 at 21:07

4

Catch all browsers including IE

var scrollTop = window.pageYOffset || (document.documentElement || document.body.parentNode || document.body).scrollTop

answered Sep 01 '20 at 21:07

William

score 0 · Answer 4 · answered Feb 27 '23 at 21:18

0

The window object's scrollY property will give you the distance scrolled vertically.

answered Feb 27 '23 at 21:18

Vatai Domonkos

score -3 · Answer 5 · answered Dec 13 '09 at 14:47

-3

You can get the scroll offset of the document with document.body.scrollTop.

answered Dec 13 '09 at 14:47

Tatu Ulmanen

5

This doesn't work for me - I just scrolled up and down the page and document.body.scrollTop was always 0... – Felix Eve Oct 26 '12 at 17:53

5 Answers5