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

我编写了一个聊天脚本,然后梳了几个月的头发,以了解如何使用带有AJAX扩展名的ASP.NET中的带Repreater的Databinder将DIV层向下滚动以向其中加载一些数据.

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

>获取滚动条位置.
>如果滚动条位置不在底部,则移至底部.
>如果滚动条向上滚动,则在将新项目加载到Databinder之前不要执行任何操作.

有人可以为我提供以上三种语法吗？

或者,请告诉我是否还有其他方法可以解决我的问题.

解决方法:

您可以在本机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
}