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

Question

我有一个div容器。它有一个滚动条。我想得到卷轴和底部之间的距离

没有运气就试过了。

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

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

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我们可以用这些值计算，

var scrollPosition = window.pageYOffset; // current position
var windowSize     = window.innerHeight; // window height
var bodyHeight     = document.body.offsetHeight; // body height

Answer 3

这适用于我的情况。

您可以尝试这样

var distanceFromBottom = $(document).height() - $(window).height() - $(document).scrollTop();

Answer 4

希望这会对你有所帮助。

throw new ApplicationException("You have entered a number less than 1");