ajax 填充div 滚动,ajax请求后自动滚动到div的底部
时间: 2023-06-24 18:03:52 浏览: 123
用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
5星 · 资源好评率100%
可以通过以下步骤实现:
1. 在Ajax请求成功后,将返回的数据插入到指定的div中。例如,假设你的div的id为“myDiv”,可以使用以下代码将返回的数据插入到该div中:
```
$("#myDiv").append(data);
```
其中,data是Ajax请求返回的数据。这将把数据添加到div的末尾。
2. 在数据插入后,将div滚动到底部。可以使用以下代码实现:
```
var div = document.getElementById("myDiv");
div.scrollTop = div.scrollHeight;
```
这将把div滚动到底部。
完整的代码示例:
```
$.ajax({
url: "your-url",
type: "GET",
success: function(data) {
$("#myDiv").append(data);
var div = document.getElementById("myDiv");
div.scrollTop = div.scrollHeight;
}
});
```
在这个例子中,当Ajax请求成功时,将返回的数据插入到myDiv中,并将该div滚动到底部。
阅读全文