Javascript 如何将滚动条保持在div的底部？

我有许多选项卡，当单击任何选项卡时，会显示一个垂直滚动div。就像facebook消息页面：当点击任何用户名时。对话框显示，滚动条默认位于div的底部

以下是选项卡：

<ul class="companies">
    @foreach (var item in Model)
    {
       <li id='company_@(item.Id)' data-id='@item.Id' >
           <a>@item.Name</a>
       </li>
    }
</ul>

---

我想在单击任何选项卡时将滚动条保持在底部。（总是看最后的新闻）。同时，我也检查了当前部门的问题。但在我的申请中不起作用。如何解决此问题？

jQuery的

scrollTop（）

函数可能正是您所需要的。请参见

使用JavaScript，您可以执行以下操作

var d = document.getElementById('myDiv');

if(d.scrollHeight > d.clientHeight) {
  d.scrollTop = d.scrollHeight - d.clientHeight;
}

---

并在每次向div添加内容或希望可滚动容器滚动到底部时执行此逻辑。

您可以使用以下代码实现此功能

$('.full-area').scrollTop($('.full-area')[0].scrollHeight);

---

我认为$（“#mydiv”）.scrollTop（$（“#mydiv”）[0].scrollHeight）；这东西应该适合你。你怎么知道你正确地实现了这段代码？我是按类名检查代码的，不是按id.$（“.scrollingDiv”）.scrollTop（$（“.scrollingDiv”）[0].scrollHeight）；没有什么变化。

var d = document.getElementById('myDiv');

if(d.scrollHeight > d.clientHeight) {
  d.scrollTop = d.scrollHeight - d.clientHeight;
}

$('.full-area').scrollTop($('.full-area')[0].scrollHeight);