list页面容器：

<div class="row" id="content_list">

    {template "pro_data.html"}

</div>

list页面加载按钮

<div class="ajax_btn margin-top-20" id="is_ajax_btn">

    <a href="javascript:dr_ajax_load_more();" class="btn default btn-block">加载更多</a>

</div>

list页面js

<script type="text/javascript"> 

    var Mpage=1;

?    //滚动显示更多

    var scroll_get = true;  //做个标志,不要反反复复的加载

    $(document).ready(function () {

        $(window).scroll(function () {

            if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {

                scroll_get = false;

                layer.msg('内容加截中,请稍候',{time:1000});

                dr_ajax_load_more();

            }

        });

    });



    function dr_ajax_load_more(){

        Mpage++;

        $.get('/index.php?s=api&c=api&m=template&name=pro_data.html&module={MOD_DIR}&catid={$catid}&format=json&page='+Mpage+'&'+Math.random(),function(res){

            //$('.footer-cont').hide();

            if(res.code==1){

                if(res.msg==''){

                    $('#is_ajax_btn').hide();

                    layer.msg("已经显示完了",{time:500});

                }else{

                    $('#content_list').append(res.msg);

                    scroll_get = true;

                }

            }else{

                layer.msg(res.msg,{time:2500});

            }

        }, 'json');

    }

</script>

pro_data页面

{module module=news catid=9 order=inputtime page=1 sbpage=1 pagesize=6 more=1}

……

{/module}