title: Framework7 how to make messages auto scroll down?
body: <p>i make a messages app that will open in modal pop  ( like login screen ).
  It's work, but i have little problem. My message won't scroll down when i open it.<br/>
  my chat code : <br/></p>
  
  <pre><code>&lt;div class="pages navbar-through"&gt;
    &lt;div class="page"&gt;
       &lt;div class="page-content login-screen-content"&gt;
         &lt;div data-page="messages" class="page no-toolbar toolbar-fixed"&gt;
             &lt;div class="toolbar messagebar"&gt;
                 &lt;div class="toolbar-inner"&gt;&lt;a href="#" id="sendPhoto" class="link icon-only"&gt;&lt;i class="icon icon-camera"&gt;&lt;/i&gt;&lt;/a&gt;
                     &lt;textarea placeholder="Sentuh disini"&gt;&lt;/textarea&gt;&lt;a href="#" class="link"&gt;Kirim&lt;/a&gt;
                 &lt;/div&gt;
             &lt;/div&gt;
             &lt;div class="page-content messages-content"&gt;
                 &lt;div class="messages"&gt;&lt;/div&gt;
             &lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>when i open it before page loaded that messages on bottom, but when im wait until page loaded that messages scroll to top<br/>
  can anyone help me? thanks!</p>
  
  <p>EDIT : Fixed :D Im'use this</p>
  
  <pre><code>$$(“.page-content”).scrollTop(10000, 400);
  </code></pre>