使用Javascript，如何在實時數據涌入時允許頁面滾動？

Question

好吧，這是一個很難解釋的問題。

舉個例子，假設你有終端運行服務器。該服務器隨着事情的變化而更新，並繼續隨每條新信息一起滾動。但是，如果您想向上滾動查看舊數據，則可以。當您查看舊數據時，向下滾動，新數據繼續向上滾動頁面。

我有一個twitter插座不斷顯示基於關鍵字的推文。我希望看到每一條新推文，但能夠隨時向上滾動查看舊推文。我怎樣才能完成這與Javascript？

這裏是我的客戶端的JavaScript：

// when tweeter event is received, add it to the page 
socket.on('tweeter', function(data){ 
// console.log(data); 
var d = new Date(); 
document.getElementById('stream').innerText += d.getHours() + ':' + 
           d.getMinutes() + ' ' + data.text + '\n' + '\n'; 
}); 

Answer 1

首先，你需要的功能，使頁面專注於最新公佈的數據，因爲它涉及。接下來，您需要一個變量來告訴對焦功能開始或停止。最後，您需要一個滾動事件處理程序來切換該變量。如果您從數據中滾動，它會切換變量以停止跟蹤數據，以便您可以自由滾動。如果您回滾到最新的數據，它會切換回來以跟蹤數據。其餘的是數學。