Div在加载时滚动到底部

Posted 2021-05-04

如何使用jQuery在加载时将div滚动到底部？我有一个预设宽度和高度的DIV和一个从mysql获取内容的jQuery函数（使用php脚本）并将其打印到该div。 div有一个滚动条，隐藏的顺便说一句，我希望div在加载时滚动到底部。有没有办法做到这一点？

html：

<div id="showContent"></div>

jQuery的：

var auto_refresh = setInterval( function()
{
$('#showContent').load('show.php').fadeIn('fast');
}, 500);

show.php包含while函数，效果很好。

CSS：

    #showContent {
    height: 250px;
    margin: 10px;
    margin-bottom: 3px;
    overflow: auto;
    padding: 5px;
    width: 300px;
    overflow: auto;
}

答案

添加具有特定id的额外div到showContent div并使用javascript scrollTo函数滚动到该div将工作

另一答案

您可以使用一些带有load事件的回调函数，该事件将在加载后触发，以便您可以计算该元素的高度，然后在此基础上您可以使用scrollTo()函数向下滚动。如下所示：

$('div').load('some_url', function(responseText, textStatus, XMLHttpRequest){
  console.log("Get content length");
  //Here you can use some calculation and then use scrollTo 
});