Javascript 检测是否滚动到底部

如何使用按钮单击功能（而不是滚动箭头按钮）检测div是否已滚动到底部

例如：因此，当单击

$（“#检查底部”）。

时，如果

$（“#项目”）

已滚动到div的底部，则会输出警报。单击

$（“#检查底部”）。

时，如果

$（“#项目”）

未滚动到div底部，则不会输出警报

Jq:

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

滚动到div底部是什么意思？是否在视口中可见？是否有可能的重复项位于

#checkBottom

位置

固定
？
<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>

$('#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");
  }
});