1.#Log是要滚动的div
2.由于不能用winow.scroll获取，改用获取该div高度。但怎样计算呢？
以下是网上的例子，没有搞成功
$("#Log").scroll(function() {
// 当前滚动条的位置
var scrollBottom = $(this).scrollTop() + $(this).height();
// 文档的总高度
var docHeight = $(document).height();
console.log(scrollBottom);
console.log(docHeight);
// 当滚动条位置加上窗口高度等于文档高度时，说明到达底部
if (scrollBottom >= docHeight) {
// 加载更多数据的操作
$('#loadMoreButton').click();
// 这里执行加载更多数据的函数或逻辑
}
});
分享
关注帮你简单的修改了代码，如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scroll to Load More</title>
<style>
#Log {
height: 200px; /* 设置高度，使得内容超出可视区域 */
overflow: auto; /* 显示滚动条 */
}
</style>
</head>
<body>
<div id="Log">
<p>Content 1</p>
<p>Content 2</p>
<!-- 这里放置更多内容 -->
</div>
<button id="loadMoreButton">Load More</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#Log").scroll(function() {
var scrollBottom = $(this).scrollTop() + $(this).innerHeight();
var docHeight = $(this)[0].scrollHeight;
if (scrollBottom >= docHeight) {
console.log("Reached the bottom of #Log. Loading more data...");
// 这里可以执行加载更多数据的操作，这里只是输出信息
}
});
});
</script>
</body>
</html>
已采纳回答
9月27日
创建了问题
9月27日