在內容刷新/重新加載後，div滾動至頂部

Question

每隔5秒刷新一次Div。 div的滾動設置爲滾動，以便用戶可以滾動，但是當刷新發生時div滾動返回頂部。任何想法如何保持div後的滾動位置刷新？

這裏是我的CSS：

#alerts_container { 
    height: 150px; 
    width: 250px; 
    overflow: scroll; 
    overflow-x: hidden; 
    border-right-width: 1px; 
    border-right-style: solid; 
    border-right-color: #666; 
} 

JS：

refresh_alerts = setInterval(function(){ 
    $('#leftside div#alerts_container').load('staffhome.php #alerts_container'); 
}, 5000) 

HTML：

<div id='alerts_container'> 
    <?php 
    include_once('includes/my_alerts.php'); 
    ?> 
</div> 

二手SKS的回答得到這個工作對我來說，我卻不得不改變他的代碼有點：

var isScrolling = false; 
var lastScrollPos = 0; 
var counter = 0; 
$(function() { 
    $('#alerts_container').bind("scroll", function(){ 
     isScrolling = true; 
    }); 
    refresh_alerts = setInterval(refreshContent, 5000); 
    function refreshContent() { 
     lastScrollPos = $('#alerts_container').scrollTop(); 
     if (!isScrolling) { 
      $('#alerts_wrapper').load('staffhome.php #alerts_container', function() { 
      $('#alerts_container').scrollTop(lastScrollPos); 
      }); 
     } 
     isScrolling = false; 
    } 
}); 

Answer 1

你應該得到高度滾動使用.scrollTop您的滾動處理程序中，然後將其設置.load

DEMO之後 - 嘗試滾動一路下跌，並等待5秒爲新的內容得到更新。

下面是演示一個抽象的，

var lastScrollPos = 0; 
$('#scrollingDiv').on('scroll', function() { 
    lastScrollPos = this.scrollTop; 
}); 

和.load回調

$('#leftside div#alerts_container').load('staffhome.php #alerts_container' , function() { 
    $(this).scrollTop(lastScrollPos); 
}); 

Answer 2

我想，如果你不更換內容，只有追加新的信息容器會簡單地工作。

http://api.jquery.com/jQuery.get/

http://api.jquery.com/append/