title: Get chat window fixed to bottom
body: <p>I'm working on a project for which I'm making a chat right now. 
  Everything chat related is working just fine, but my problem is that I want the chat window to be fixed to the bottom when overflow-y is active so I don't have to manually scroll down to see the latest messages. (Something how Facebook chat &amp; twitch.tv chat works)</p>
  
  <p>(I'm sorry that I cannot show any of my attempts in doing this as I just don't know what to do.)</p>
  
  <p>Thanks in advance.</p>
  
  <p>Edit: Here is some of the HTML &amp; CSS Code.</p>
  
  <p>Note: Actual messages are pushed as strings to logs</p>
  
  <p>//CSS</p>
  
  <pre><code>#chat {
    margin-top: 110px;
    background-color: #FAF9FA;
    height: 75%;
  }
  
  #chat-window {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  </code></pre>
  
  <p>//HTML</p>
  
  <pre><code>&lt;div class="col-sm-3"&gt;
      &lt;div id="chat"&gt;
          &lt;div id="chat-window"&gt;
              &lt;div id="logs"&gt;
  
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;input type="spec" id="message" placeholder="Type your message..."/&gt;&lt;/br&gt;
          &lt;button id="send" class="btn"&gt;Send&lt;/button&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>