How can I determine if a div is scrolled to the bottom?

javascript scroll scrollbar
Bjorn picture Bjorn · May 18, 2009 · Viewed 52.5k times · Source

How do I determine, without using jQuery or any other JavaScript library, if a div with a vertical scrollbar is scrolled all the way to the bottom?

My question is not how to scroll to the bottom. I know how to do that. I want to determine if the the div is scrolled to the bottom already.

This does not work:

if (objDiv.scrollTop == objDiv.scrollHeight)

Answer

James Davies picture James Davies · May 18, 2009

You're pretty close using scrollTop == scrollHeight.

scrollTop refers to the top of the scroll position, which will be scrollHeight - offsetHeight

Your if statement should look like so (don't forget to use triple equals):

if( obj.scrollTop === (obj.scrollHeight - obj.offsetHeight))
{
}

Edit: Corrected my answer, was completely wrong

Related questions

javascript: detect scroll end

I have a div layer with overflow set to scroll. When scrolled to the bottom of the div, I wanna run a function.

Read More
Load ajax when scroll reaches 80%

I am using the following code which is working when the scroll bar reaches the botttom, if($(window).scrollTop() == $(document).height() - $(window).height()){ I however want that the ajax is fired when i reached 70% of the scroll not 100.

Read More
How can I differentiate a manual scroll (via mousewheel/scrollbar) from a Javascript/jQuery scroll?

UPDATE: Here is a jsbin example demonstrating the problem. UPDATE 2: And here is the fixed version thanks to fudgey. Basically, I have the following javascript which scrolls the window to an anchor on the page: // get anchors with href's that …

Read More