javascript - 获取从底部到滚动的滚动距离

Question

我有一个 div 容器。它有一个滚动条。我想获取滚动条到底部的距离

没有任何运气尝试过。

var posTop = $('.container').scrollTop() - $('.container').offset().top;

获得该距离高度的正确方法是什么？

Answer 1

要计算剩余文档的高度，您可以从最大滚动高度中减去元素底部的位置。试试这个:

$('#container').scroll(function() {
    var remaining = $(this).prop('scrollHeight') - ($(this).scrollTop() + $(this).height());
    $('#debug').text(remaining);
}).scroll();

#container {
    height: 100px;
    width: 300px;
    overflow: scroll;
    background-color: #CCC;
    position: relative;
}
#content {
    height: 1000px;
}
#debug {
    position: fixed;
    top: 10px;
    left: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="container">
    <div id="debug"></div>
    <div id="content"></div>
</div>