javascript - How to check if a DIV is scrolled all the way to the bottom with jQuery

Question

I have a div with overflow:scroll.

I want to know if it's currently scrolled all the way down. How, using JQuery?

This one doesn't work: How can I determine if a div is scrolled to the bottom?

Answer 1

Here is the correct solution (jsfiddle). A brief look at the code:

$(document).ready(function () {
    $('div').on('scroll', chk_scroll);
});

function chk_scroll(e) {
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight()) {
        console.log("bottom");
    }
}

See this for more info.