javascriptscrollscrollbar

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


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) 

Solution

  • 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