Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/412.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在使用javascript向div添加新内容时,将div自动滚动到底部_Javascript_Jquery_Html - Fatal编程技术网

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

在使用javascript向div添加新内容时,将div自动滚动到底部,javascript,jquery,html,Javascript,Jquery,Html,我有一个div,它从文本区域获取新内容,如图所示 <div style="overflow: auto; overflow-x: hidden; height:296px;" id="container"></div> 当div填充到最大高度时,我试图通过自动向下滚动来实现div显示新内容,这就是我的尝试 for (var i = 0; i < json.length; i++) { ....

我有一个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);
for(var i=0;i

当div达到296px时,div中的内容不会自动向下滚动。请问有什么问题吗?

我可以用这个解决我的问题

$(“#容器”).scrollTop($(“#容器”)[0]。scrollHeight)

上述内容取代了这一点:

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


我的问题解决了。

这只是一个代码片段。我们如何帮助您。y是什么?内容是什么,json是什么。长度是什么?“for”后面的“else”语句??JS代码中每一个的值是多少?标记中的值与此无关,它只能给我们一个线索。即使如此,y值的线索也不在你的标记中。我的否决票是因为“帮助他人重现问题”-好的。很高兴知道你是唯一的一个,但年轻人总有一天会成长的。