title: Apply scroll to a html application
body: <p>How can apply scroll bars to the below HTML chat application using jquery, possibilities to add scrollbars to the conversational chat bot.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper"&gt;
              &lt;div class="container"  style="top:45%"&gt;
           
              &lt;div class="left"&gt;
              &lt;ul class="people"&gt;
              &lt;img src="miracle.png" alt="" /&gt; 
              &lt;/li&gt;
             &lt;/ul&gt;
                      &lt;div class="top"&gt;
                          &lt;input type="text" placeholder="Search"/&gt;
                          &lt;a href="javascript:;" class="search"&gt;&lt;/a&gt;
                      &lt;/div&gt;
                      &lt;ul class="people"&gt;
               &lt;li class="person" data-chat="person2"&gt;
                          &lt;img src="Doris.png" alt="" style="width:15%;height:15%" /&gt;
                            &lt;span class="name"&gt;Doris&lt;/span&gt;
                        &lt;/li&gt;
                      &lt;/ul&gt;
             
                  &lt;/div&gt;
            
            
                  &lt;div class="right" &gt;
                      &lt;div class="top"&gt;&lt;center&gt;&lt;span&gt;&lt;span class="name"&gt;Conversational Help Desk Agent&lt;/span&gt;&lt;/span&gt;&lt;/center&gt;&lt;/div&gt;
                      &lt;div class="chat" style="overflow:scroll"  data-chat="person2"&gt;
              &lt;div id="hell1" class="bubble you"&gt;&lt;/div&gt;
              &lt;div id="hell" class="bubble me"&gt;&lt;/div&gt; 
                      &lt;/div&gt;
             
                      &lt;div class="write"&gt;
          
             &lt;form&gt;
          
             &lt;input id="m" autocomplete="off" name="SEND" /&gt;
                          &lt;a href="javascript:;" class="write-link send" id="send"&gt;&lt;/a&gt;
              &lt;/br&gt;&lt;br&gt;
          
              &lt;/form&gt;
          
            &lt;/div&gt;
            
                  &lt;/div&gt;
                 &lt;div id='gt'&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;`</code></pre>
  </div>
  </div>
  </p>
  
  <p>This is the entire code which I am using for my chat-bot application</p>