Question

如何使用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;
}

Answer 1

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

Answer 2

你可以使用一些带有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 
});

Div在加载时滚动到底部

2 个答案: