动态滚动文本区域

<script type="text/javascript" >

var textArea = document.getElementById('outputTextResultsArea');
textArea.scrollTop = textArea.scrollHeight;
</script>

在firefox 3.0.7中,它将滚动条放在文本区域的底部,允许我查看最新的输出。然而,在IE7中,我看到了不同的行为。滚动条按预期随内容向下移动,但一旦内容大于文本区域高度,滚动条就不再向下移动。IE似乎记住了元素的原始滚动高度,而不是新高度。

如果有帮助的话,我正在使用xhtml过渡doctype。另外,如果可以通过jQuery实现这一点,那将很好,因为我可以访问它。

提前谢谢

尼尔