在div上查找scrollTop的最大底值？

Question

我需要一种方法来自动找到scrollTop的最大底值，div id为“#box”。

像这样：How to get maximum document scrolltop value

但只是在div中，而不是整个浏览器窗口。 我怎么能这样做？

Answer 1

你去：

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

简化

Answer 2

这是一个考虑填充并使用prop而不是直接访问DOM元素的版本。

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

Answer 3

在这里看一个完整的答案：

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

如何使用jquery：

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

Answer 4

在香草JS中：

var maxScrollTop = el.scrollHeight - el.offsetHeight