Framework7 如何使消息自动向下滚动？

Question

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.
my chat code :

<div class="pages navbar-through">
  <div class="page">
     <div class="page-content login-screen-content">
       <div data-page="messages" class="page no-toolbar toolbar-fixed">
           <div class="toolbar messagebar">
               <div class="toolbar-inner"><a href="#" id="sendPhoto" class="link icon-only"><i class="icon icon-camera"></i></a>
                   <textarea placeholder="Sentuh disini"></textarea><a href="#" class="link">Kirim</a>
               </div>
           </div>
           <div class="page-content messages-content">
               <div class="messages"></div>
           </div>
       </div>
   </div>
 </div>
</div>

when i open it before page loaded that messages on bottom, but when im wait until page loaded that messages scroll to top
can anyone help me? thanks!

EDIT : Fixed :D Im'use this

$$(“.page-content”).scrollTop(10000, 400);

Answer 1

Fixed :

$$(“.page-content”).scrollTop(10000, 400);

Answer 2

Here's a dynamic solution according to your message list size:

$$('.messages-content').scrollTop( $('.messages-content').get(0).scrollHeight, 400 );

You also may opt to use '.page-content' instead of '.messages-content'