php - Div刷新和滚动条问题

Question

我有以下 Javascript 代码:

<script> 
var auto_refresh = setInterval(
function()
{
$('#loaddiv').load('tables.php');
}, 1000);
</script>

和

<div id="loaddiv">
<div style="float: left; width:650px; height:99%; border:2px solid #000; 
 overflow:auto; background-color:#FFF;">
 <?php 
 index_table();
 ?>
</div>
</div>

上面的 Div 是为了在 1 秒后刷新它的内容。现在，此内容的输出是一个包含多行基于用户提交的表格。当行数超过屏幕高度时，会出现滚动条。您可以在其中向下滚动以查看添加的行。

现在问题就从这里开始了，随着这个Div的刷新滚动条自动重置到顶部。这使得很难看到其余的行。

如何在刷新 Div 时阻止滚动条重置到顶部？或者，如果可以在插入新行时自动向下滚动。

谢谢!

Answer 1

试试下面的代码。这似乎有效。

$('#loaddiv').load('tables.php', function() {
  $(this).scrollTop($(this).prop("scrollHeight") - $(this).height());
});

我是从 auto scroll to bottom when overflow auto 中的一个答案中得到的.