<分区>
我意识到这里有几个问题可以解决无限滚动的问题。然而,他们中的大多数都在使用插件。
我想知道如何实现可与我现有的分页功能配合使用的无限滚动。目前我有一个“加载更多”按钮,点击后,将获取接下来的 10 个项目,并附加到列表中。我不想在单击“加载更多”按钮时执行此操作,而是希望它在滚动位置到达底部时发生。另外,这个列表不在主页上,它在一个 DIV 中。将页码存储在 ID 为“pageNum”的隐藏字段中。
$.ajax({
type: "GET",
url: "/GetItems",
data: { 'pageNum': $('#pageNum').val() },
dataType: "json",
success: function (response) {
$('#MyDiv ul').append(response.Html);
$('#pageNum').val(response.PageNum);
}
}
});
#MyDiv
{
border:solid 1px #ccc;
width:250px;
height:500px;
overflow-y: scroll;
}
<div id="MyDiv">
<ul>
<li>...</li>
...
</ul>
</div>