Menu
Is it possible to grab the current position of the users scroll bar when they scroll?
Say, if they were scrolled to the very top it would be 0, if they scrolled down it'd change.
Can I assign a variable to contain the current scroll position whenever I access it, or is there a function in JavaScript for this already?
761
To get or set the scroll position of an element, you follow these steps: First, select the element using the selecting methods such as querySelector() . Second, access the scroll position of the element via the scrollLeft and scrollTop properties.
scroll(function() { if($(window). scrollTop() + window. innerHeight == $(document). height()) { alert("bottom!"); } });
There are properties on the window object for this: window.scrollX and window.scrollY.
See e.g. http://javascript.gakaa.com/window-scrollx-2-0-scrolly.aspx
108
You can get the scrollTop property of the body element:
document.getElementsByTagName('body')[0].scrollTop;
This returns the number of pixels that are above the visible area.So 0 when the user hasn't scrolled, bodyheight-viewporthieght when the scrollbar is at the bottom.
30
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
