Javascript 在特定高度设置滚动条起始位置

我想知道在js/jquery/css/html中是否可以在滚动条上设置开始位置

在我提供的屏幕截图中，我希望滚动条在新消息通过/页面加载时始终保持在底部

<div class='media'>
      <a class='pull-left' href='#'>
          <img class='media-object img-circle' src='img/avatar' alt='Avatar'>
      </a>

      <div class='media-body'>
            <h5 class='media-heading'>/username/</h5>
            <h5>/message/</h5>
      </div>
</div><hr>

/用户名/
/信息/

我正在使用这个函数

var makescrollbottom = function(){
    $("div.media").scrollTop($("div.media").prop("scrollHeight"));
}
makescrollbottom();

另一个

---

有关附加的更多说明，请参见此

对于纯JavaScript，您只需将scrollTop的值更新为scrollHeigh值

下图显示了垂直滚动框的scrollHeight和scrollTop

例如：

var myChatBox = ocument.getElementById("myChatBox");
myChatBox.scrollTop = myChatBox.scrollHeight;

链接到JSFIDLE演示-->

---

有关JavaScript指标的更多信息，请单击

是否还有其他地方可以显示演示？JSFIDLE目前似乎对我没有反应，而且它似乎对我也不起作用，所以我想检查一个关于你的问题！帮助很大。