Javascript将滚动条设置到容器底部

我想在页面加载时自动将容器上的滚动条设置为底部

我试过这个：

  var messages = document.getElementById('messages'); 
  messages.scrollTop = messages.scrollHeight; 

---

试试这个。如果您使用jQuery，这会更容易

$("#yourDiv").scrollTop($("#yourDiv").prop('scrollHeight'))

---

您必须编辑css，为垂直滚动条添加“最大高度”，请参见以下内容：

#container{ 
   height: 453px; 
   width: 800px; 
   border: 1px solid black;
   max-height: 100px;
}

对于水平滚动条，我添加了值为“off”的“wrap”属性：

<textarea id="message" wrap='off' rows="9" cols="97" style="background-color: yellow;"></textarea>

---

我尝试了以下代码，效果非常好。试试这个，设置滚动自动底部

$("#messagebox").scrollTop($("#messagebox")[0].scrollHeight);

---

此问题已标记，但您似乎并没有实际使用jQuery。你是吗？您是否接受jQuery解决方案？如果没有，您应该删除该标记。一些人已经调整了您的代码，使其更易于阅读。这意味着问题中的代码可能与您实际拥有的代码不完全相同，但如果他们小心的话，应该是等效的。请检查问题中的代码，并确保您满意它对您拥有的代码的准确描述。如果没有，您可以更改它。添加至少一点解释，只是以OP的方式抛出一行代码是没有帮助的。是的，请添加一些关于您的代码的信息，以帮助将来登录此页面的其他人，并解释它如何/为什么解决问题。谢谢，但我在哪里放置代码，需要我制作新的js。。。你能帮助我吗？请提供更多信息，我是noob，很抱歉我的英文版。您可以在任何可以访问div元素的js文件中使用此代码。甚至您也可以在

标记内的html页面中使用此代码。但是在JS文件中使用的最佳方式。将此代码放入

$（document）.ready（）

中。