div增长时自动向下滚动浏览器窗口

Question

所以我的页面上有一个div页脚，可以说它的高度为200像素。现在这个div有一个按钮，可以显示div中的一些html对象，从而增加div的高度，比方说400px。

所以我最初200px的div现在是400px并且与页面底部对齐。问题是，当div扩展时，我的浏览器不会自动向下滚动窗口以显示所有div。 结果，我只看到我的div的前200个像素（原始大小），我必须手动向下滚动浏览器窗口才能看到完整的div。

有没有办法使用html css我可以让我的浏览器在div扩展时自动向下滚动？ 如果没有，我想至少可以用javascript实现..

Answer 1

我不知道任何只有html和css的解决方案，你可以试试这个javascript解决方案：

div = document.getElementById('#your_div');
div.scrollTo(0,div.scrollHeight);

看看：Scroll Automatically to the Bottom of the Page。