2014-02-27 40 views
0

我通過jquery加載一個表,並且我爲溢出表設置了寬度和高度:auto。每當表重新加載時,它就會到達頂端。即使在表重新加載之後,我仍然需要留在我看到數據的位置。凍結jquery加載的最後一個查看位置

在這裏我們去了解詳細信息,

<script type="text/javascript"> 
var auto_refresh = setInterval(
function() 
{ 
    $('#livestatus').load('live.php'); 
}, 2000); 
</script> 

的Html

<div align="center" id="livestatus"></div> 

在live.php,它會生成動態DATAS ...

<table><tr><td>datas</td></tr> 
<tr><td>datas</td></tr> 
<tr><td>datas</td></tr> 
<tr><td>datas</td></tr> 
<tr><td>datas</td></tr> 
. 
. 
. 
<tr><td>datas</td></tr></table> 

回答

0

使用上的一個scrollTop的在你請求保存溢出div的位置之前,你要加載的元素,然後在load中使用回調t回滾到原來的樣子:

<script type="text/javascript"> 
    var auto_refresh = setInterval(function(){ 
     var scrollCache = $('#livestatus').scrollTop(); 
     $('#livestatus').load('live.php', function(){ 
       $('#livestatus').scrollTop(scrollCache); 
     }); 
    }, 2000); 
</script> 

乾杯! Andrew

+0

嗨,安德魯。謝謝回答。我很抱歉,代碼沒有做任何更改。 每當jquery加載live.php時,表格會顯示頂部。 – itsme

+0

哎呀!你是對的。注意我在第二次調用scrollTop時忽略了一個#,我會編輯代碼。 –

+0

因爲我對你的應用程序還沒有其他的瞭解,所以我不會假設你在2秒內沒有其他的競爭條件,所以這裏是用於製作溢出div的API: https:// api。 jquery.com/scrollTop/ –

相關問題