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.

Answer 2

function isScrolledToBottom(el) {     var $el = $(el);     return el.scrollHeight - $el.scrollTop() - $el.outerHeight() < 1; } 

This is variation of @samccone's answer that incorporates @HenrikChristensen's comment regarding subpixel measurements.