現在のウィンドウの上から位置を取得

Question

スクロール中に現在のビューポートのjqueryを使用してボトム位置を取得する方法はありますか？ドキュメントの下部位置ではなく、可視ウィンドウの下部位置。

Answer 1

ウィンドウのscrollTopとinnerHeightプロパティを合計する必要があります。 JSFiddleにも

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();

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

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

：それはこの方法を行うことができます。