Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Find the vertical position of scrollbar without jQuery

Tags:

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?

like image 310
ama2 Avatar asked Jun 25 '12 16:06

ama2


2 Answers

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

like image 93
Engineer Avatar answered Oct 06 '22 08:10

Engineer


Yes, the scroll position exists within the DOM at:

window.scrollY;  //for vertical scroll. 

How I found this:

  1. In Chrome, right click and select Inspect Element.
  2. Find and click the 'Show Console' button (lower-left)
  3. 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.

like image 30
Nash Worth Avatar answered Oct 06 '22 10:10

Nash Worth