如何使用按钮单击功能（而不是滚动箭头按钮）检测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>
$('#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");
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句