Finding the maximum bottom value of scrollTop on a div?

Question

I need a way to automatically find the maximum bottom value of scrollTop, of the div id "#box".

Something like this: How to get maximum document scrolltop value

but just in a div, not the whole browser window. How can I do this?

Answer 1

here you go:

var trueDivHeight = $('.someclass')[0].scrollHeight;
var divHeight = $('.someclass').height();
var scrollLeft = trueDivHeight - divHeight;
alert(scrollLeft);

Simplified

Answer 2

Here's a version that accounts for padding and uses prop instead of accessing the DOM element directly.

$('#box').prop('scrollHeight') - $('#box').innerHeight();

Answer 3

In vanilla JS:

var maxScrollTop = el.scrollHeight - el.offsetHeight

Answer 4

look here a complete answer:

https://stackoverflow.com/a/48246003/7668448

What about using that with jquery:

var max = $('#element')[0].scrollLeftMax; // when using the polyfill
var max =  $('#element')[0].scrollLeftMaxi(); // when using the other alternative more support IE6+