Автоматически прокручивать окно браузера, когда div растет

Question

Итак, у меня есть нижний колонтитул на моей странице, который позволяет говорить о высоте 200 пикселей. Теперь у этого div есть кнопка, которая показывает некоторые html-объекты, которые находятся внутри div, и поэтому увеличивает высоту div, скажем, 400px.

Итак, мой div, который изначально был 200px, теперь 400px и выровнен в нижней части страницы. Проблема в том, что при расширении div мой браузер автоматически не прокручивает окно, чтобы показать все div. В результате я вижу только 200 лучших элементов моего div (первоначальный размер), и мне нужно вручную прокрутить окно моего браузера, чтобы увидеть полный div.

Есть ли способ использования html css, который я могу сделать, чтобы мой браузер автоматически прокручивался вниз, когда div расширяется? Если нет, то я предполагаю, что это возможно с JavaScript по крайней мере ..

Answer 1

Я не знаю ни одного решения с только HTML и CSS, вы можете попробовать это Java-решение:

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

Взгляните : Scroll Automatically to the Bottom of the Page.