title: Setting scrollbar starting position at certain height
body: <p>I want to know if it is possible in js/ jquery/ css/ html to set a start position on a scrollbar.</p>
  
  <p><a href="https://i.stack.imgur.com/ARlbH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ARlbH.png" alt="enter image description here"></a></p>
  
  <p>In the screenshot i have provided i want the scrollbar to be always updated to stay at the bottom when a new message comes through/ page loaded.</p>
  
  <pre><code>&lt;div class='media'&gt;
        &lt;a class='pull-left' href='#'&gt;
            &lt;img class='media-object img-circle' src='img/avatar' alt='Avatar'&gt;
        &lt;/a&gt;
  
        &lt;div class='media-body'&gt;
              &lt;h5 class='media-heading'&gt;/username/&lt;/h5&gt;
              &lt;h5&gt;/message/&lt;/h5&gt;
        &lt;/div&gt;
  &lt;/div&gt;&lt;hr&gt;
  </code></pre>