繁体   English   中英

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

[英]Framework7 how to make messages auto scroll down?

我制作了一个消息应用程序,它将在模态弹出窗口中打开(如登录屏幕)。 这是工作,但我没有什么问题。 当我打开它时,我的消息不会向下滚动。
我的聊天代码:

<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我用这个

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

固定的 :

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

这是根据您的消息列表大小的动态解决方案:

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM