Detecting when user scrolls to bottom of div with jQuery

I have a div box (called flux) with a variable amount of content inside.
This divbox has overflow set to auto.

Now, what I am trying to do, is, when the use scroll to the bottom of this DIV-box, load more content into the page, I know how to do this (load the content) but I don’t know how to detect when the user has scrolled to the bottom of the div tag?
If I wanted to do it for the entire page, I’d take .scrollTop and subtract that from .height.

But I can’t seem to do that here?

I’ve tried taking .scrollTop from flux, and then wrapping all the content inside a div called inner, but if I take the innerHeight of flux it returns 564px (the div is set to 500 as height) and the height of ‘innner’ it returns 1064, and the scrolltop, when at the bottom of the div says 564.

What can I do?

16 Answers
16

Leave a Comment