使滚动开始的框滚动到底部

Question

我正在为聊天网络应用构建用户界面。所以有一个div，消息出现在列表中，用户可以滚动它。但是因为它是一个消息传递应用程序，如果用户不做任何事情（从页面的加载直到用户滚动），我希望div滚动到底部 - 如果div可以保持滚动到那将是很好的用户再次滚动到底部时的底部。

我怎么能编码呢？ （仅使用css和html而不是使用javascript更好）

（抱歉我的语法错误，我不是来自英语国家）

Answer 1

var element = document.getElementById('name');
element.scrollTop = element.offsetHeight

不幸的是，到目前为止，纯CSS无法实现。

Answer 2

如果它是底部带有form的聊天框，您可以在其中一个focus元素上设置form或在聊天框中生成的最后一个文字< / em>的： http://codepen.io/gc-nomade/pen/CztIx/

onload= function() {
  frmfcs =document.getElementById('form1');
  frmfcs.focus();
} 

---

如果它是跨浏览器，那么属性autofocus就是一个选项：这是我的一个旧测试：http://dabblet.com/gist/5271266