当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。