如何使滚动保持向下，但不想锁定

Question

我正在制作Shoutbox。所以我想在检索数据时保持向下滚动。就像在facebook中一样，滚动保持不变。我正在使用javascript但是锁定，所以它阻止滚动顶部。 我正在使用此代码：

document.getElementById('txtHint').scrollTop = 10000;  

<div id="txtHint" style="width:700px;height:500px;overflow:auto;" >
<!-- Here data will be displayed -->
</div>

唯一的问题是，它阻止我向上滚动。

Answer 1

尝试使用offsetTop属性。我建议在div的末尾放一个隐藏的div，文本将向下滚动（隐藏的div应该在底部），然后你应该应用scrollTop

document.getElementById('txtHint').scrollTop = document.getElementById('s_hidden').OffsetTop;  

<div id="txtHint" style="width:700px;height:500px;overflow:auto;" >
<!-- Here data will be displayed -->
<div id="s_hidden"></div>
</div>