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