javascript - 加载数据时动态向下滚动 DIV 层

Question

我编写了一个聊天脚本，我花了几个月的时间来了解如何使用 ASP.NET 中的 Databinder with Repreater 向下滚动 DIV 层以加载一些数据AJAX 扩展。

我今天读了一篇博客，作者只给我逻辑，没有给我代码，我不是编写高端 JavaScript 的专家。任何人都可以帮助我构建它。

1. 获取滚动条位置。
2. 如果滚动条位置不在底部则移动到底部。
3. 如果滚动条向上滚动，则在新项目加载到 Databinder 之前不执行任何操作。

谁能给我提供以上三个的语法。

---

或者如果有任何其他方法可以解决我的问题，请告诉我。

Answer 1

您可以在原生 JS 中使用 scrollTop 属性，在 jQuery 中使用 $(selector).scrollTop() 方法。在这两种情况下，您都可以为其分配一个值以更改该元素的滚动位置。

示例:

document.getElementById("myDiv").scrollTop = 100;
$("#myDiv").scrollTop(100);

编辑

var div = document.getElementById('myDiv');
var scrollHeight = div.scrollHeight;
var scrollTop = div.scrollTop;
var height = parseInt(div.style.height);
if(scrollHeight - (scrollTop + height) == 0) {
    // do something when you're at the bottom
} else {
    // do something when you're NOT at the bottom
}