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

Dynamically scrolling a DIV layer down when data is loaded

本文关键字：滚动 DIV 数据 动态 加载      更新时间：2023-09-26

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

我今天读了一篇博客，作者只给了我逻辑，而不是代码，我不是编写高端javascript的专家。谁能帮我把它搭起来?

  1. 获取滚动条位置
    2. 如果滚动条位置不是底部，则移动到底部。
  2. 如果滚动条向上滚动，则不执行任何操作，直到新项目加载到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
}
相关文章：