消息列表的无限滚动。像Facebook消息一样

Question

我的朋友们，当我向下滚动时，我无法加载更多邮件。最初我想要最新的消息。当用户滚动时，我想加载另一组有限的消息。当用户再次滚动时，下一组加载。与Facebook消息类似。

这是我的代码。

{
    <div id="msgboxfully" style ="height:345px; width:100%;overflow:hidden; overflow-y:scroll;display: flex;flex-direction: column-reverse;">
    <ul id="uuuut">
    <li id="jqmsglist">
    <div class="msg-shower_new">
    <img src="$msgs3frm_img}" />
    <div class="text-box" style="margin-top:10px;">
    <sh2><a class="msg-shower_new" href="./$msgs3frm_usn">$msgs3frm_usn</a></sh2> <sh1 style="float:right;line-height:35px;color:#a5a5a5;">$msgs3date}</sh1>
    </div>
    <div class="text-box" style="margin-top:-2px;">
    <sh1>$msgs3msg</sh1>
    </div>
    </div>
    </li></ul></div> 
}

此代码正在循环播放，我在一次转换中有100多条消息。 请帮帮我