2013-07-04 233 views
1

如何使用jQuery將div滾動到加載底部? 我有一個預設寬度和高度的DIV和一個從MySQL獲取內容(使用php腳本)並將其打印到該div的jQuery函數。該div有一個滾動條,隱藏順便說一句,我希望該div在負載滾動到底部。有沒有辦法做到這一點?Div在加載時滾動到底部

HTML:

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

的jQuery:

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

show.php包含一個函數時,它工作得很好。

CSS:

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

請顯示您的部分代碼 – caramba

+0

我編輯了我的帖子。 – Sergiu

+1

昨天我正在玩類似的情況 - 小格子,長桌子滾動。所以我只在表格底部添加了一行,並放入了一個虛擬物品然後後來添加了「$('#starthere')。focus();」。似乎工作。讓我們看看別人可能會說些什麼。 – TimSPQR

回答

1

與特定ID添加額外的div來showContent股利和使用JavaScript scrollTo功能,滾動到該分區將工作

0

你可以使用一些回調負載情況下,將後觸發負載,這樣就可以計算出該元素的高度,然後,在這基礎上你可以使用scrollTo()功能滾動down.Like此:

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