Question

我制作了一个消息应用程序，它将以模态弹出（如登录屏幕）打开。它的工作，但我没有什么问题。当我打开它时，我的消息不会向下滚动我的聊天代码：

<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>

当我打开它之前，页面加载了底部的消息，但是当我等到页面加载时，消息滚动到顶部
谁能帮我？谢谢！

编辑：修正：D Im＆＃39;使用此

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

Answer 1

修正：

$$（“。page-content”）。scrollTop（10000,400）;

Answer 2

根据您的邮件列表大小，这是一种动态解决方案：

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

您还可以选择使用“ .page-content”而不是“ .messages-content”

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

2 个答案: