使用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

我能够使用此

解决我的问题

$（ “＃容器”）scrollTop的（$（ “＃容器”）[0] .scrollHeight）;

以上取代了这个：

document.getElementById（'container'）。scrollBottom = y;

我的问题已经解决了。