Find the vertical position of scrollbar without jQuery

Question

I'm trying to find the vertical position of the scrollbar a function similar to jQuery's scrollTop() but with no jQuery. Are there any alternatives?

Isn't [element.scrollTop](https://developer.mozilla.org/en/DOM/element.scrollTop) sufficient? — Marat Tanalin, Jun 25 '12 at 16:50
just read the source of jQuery's scrollTop(): https://github.com/jquery/jquery/blob/master/src/offset.js — snies, Jun 25 '12 at 16:52

Engineer · Accepted Answer · 2018-01-10T09:01:55.990

47

Cross-browser solution:

var supportPageOffset = window.pageXOffset !== undefined;
var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");

var scrollLeft = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
var scrollTop = supportPageOffset ? window.pageYOffset : isCSS1Compat ? document.documentElement.scrollTop : document.body.scrollTop;

^source

edited Jan 10 '18 at 09:01

answered Jun 25 '12 at 16:48

Engineer

45,891
11
86
90

I think this should be accepted as an answer. The solution in the accepted answer is not cross-browser. – dragn Jul 02 '12 at 11:27
very little syntax correction: the comma at the end of the first row will generate an error - take care – Marco Panichi May 19 '15 at 10:49

Nash Worth · Answer 2 · 2012-06-25T16:45:31.993

15

Yes, the scroll position exists within the DOM at:

window.scrollY;  //for vertical scroll.

How I found this:

In Chrome, right click and select Inspect Element.

Find and click the 'Show Console' button (lower-left)

In the console type window.scroll to see options.

-This is an exceptional workflow to solve a multitude of JavaScript questions.

I see window.scrollTo(0) as an option to scroll to top.

edited Jun 25 '12 at 16:45

answered Jun 25 '12 at 16:40

Nash Worth

2,456
1
18
27

window.scrollTo(0,0) – Sergey Orshanskiy Oct 16 '21 at 19:44

score 6 · Answer 3 · answered Jun 25 '12 at 16:39

6

scrollX and scrollY.... scrollY is the equivalent of jquery scrollTop()

answered Jun 25 '12 at 16:39

Trey

5,443
4
22
29

Find the vertical position of scrollbar without jQuery

3 Answers3

Linked