从当前窗口的顶部获取位置

Question

滚动时是否有任何方法可以使用当前视口的jquery获取最低位置。不是文档的底部位置，而是可见窗口的底部位置。

Answer 1

您需要对窗口的scrollTop和innerHeight属性求和。它可以这样做：

＆＃13;

＆＃13;

var win = $(window);
var info = $('.bottom-position');
function onScroll() {
    var viewportBottom = win.scrollTop() + win.innerHeight();
    info.html('Bottom viewport at: ' + viewportBottom + 'px from top.');
};
win.on('scroll resize', onScroll);
onScroll();

＆＃13;

body {
    margin: 0;
    font-family: sans-serif;
}
.content {
    height: 1000px;
    background: #000;
}
.bottom-position {
    position: fixed;
    bottom: 0;
    right: 0;
    color: #fff;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content"></div>
<div class="bottom-position"></div>

＆＃13;

＆＃13;

＆＃13;

同样在 JSFiddle 。