使用javascript将新内容添加到div时自动将div滚动到底部

Question

我有一个 div，它从文本区域获取新内容，如图所示

<div style="overflow: auto; overflow-x: hidden; height:296px;" id="container"></div>

当 div 填充到最大高度时，我试图通过自动向下滚动来实现 div 应显示新内容，这是我的尝试

for (var i = 0; i < json.length; i++) {
                        ....
                    document.getElementById('container').innerHTML = contents;
                    //this is the code I am trying to use to make it scroll automatically down when new content is added
                    document.getElementById('container').scrollBottom = y;

                } else {
                    alert('Request failed.  Returned status of ' + xhr.status);

当 div 达到 296px 时，div 中的内容不会自动向下滚动。 请问可能有什么问题？

Answer 1

我能够用这个解决我的问题

$("#container").scrollTop($("#container")[0].scrollHeight);

以上取代了这个：

document.getElementById('container').scrollBottom = y;

我的问题解决了。