檢測滾動到底部

Question

如何通過使用按鈕點擊功能（不滾動箭頭按鈕）來檢測div是否滾動到底部？

例如：所以當點擊$('#checkBottom').時，如果$('#items')已滾動到div的底部，則會輸出警報。當點擊$('#checkBottom').時，如果$('#items')尚未滾動到div的底部，則不輸出警報。

JQ：

$('#checkBottom').on('click', function() { 
    alert("yes, it has reached the bottom of the scroll"); 
}); 

滾動DIV結構示例：

<div id="Wrapper"> 
    <div id="itemWrapper"> 
     <div id="items"> 
      <div class="content"> 
       <input type="image" src="http://img42.com/p1puE+" /> 
      </div> 
      <div class="content"> 
       <input type="image" src="http://img42.com/p1puE+" /> 
      </div> 
      <div class="content"> 
       <input type="image" src="http://img42.com/p1puE+" /> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

$('#checkBottom').on('click', function() { 
    var wrapper = document.getElementById('Wrapper'); 
    if (wrapper.scrollTop + wrapper.offsetHeight >= wrapper.scrollHeight) { 
    alert("yes, it has reached the bottom of the scroll"); 
    } 
});