使用Javascript，当实时数据涌入时，如何允许页面滚动？

这是一个很难解释的问题

例如，假设您的终端正在运行服务器。该服务器会随着情况的变化而更新，并随着每一行新信息不断滚动。但是，如果要向上滚动查看旧数据，可以。查看完旧数据后，向下滚动，新数据继续向上滚动页面

我有一个twitter套接字，根据关键字不断显示tweets。我希望看到每一条新的推文，因为他们进来了，但能够滚动到老推文看任何时候。如何使用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';
});

---

首先，您将需要使页面在出现最新数据时将焦点放在最新数据上的功能。接下来，您需要一个变量来告诉聚焦功能开始或停止。最后，需要一个滚动事件处理程序来切换该变量。如果您远离数据，它将切换变量以停止跟随数据，以便您可以自由滚动。如果您滚动回最新数据，它将切换回最新数据。剩下的是数学。

你的描述一针见血。现在的问题是将伪代码转换为真实代码。