聊天div滚动到底部以显示最后一条消息

Question

我正在进行网络聊天。我有一个名为chatbody的div。我希望div使用javascript滚动到底部，以便显示最后一条消息。但是，我使用的代码将其滚动到顶部。这是代码：

<script type="text/javascript">
function chatbody() {
var myDiv = document.getElementByClassName('chatbody');
myDiv.innerHTML = variableLongText;
myDiv.scrollTop = 0;
} 
</script>

请协助解决我的问题。

Answer 1

试试这个

var myDiv = document.getElementByClassName（＆＃39; chatbody＆＃39;）[0];

Answer 2

  function scrollToBottom(nameOfBlock) {
  nameOfBlock.scrollTop = nameOfBlock.scrollHeight
  }

U可以将您的变量作为参数传递