加载更多

   var screen_height = window.screen.height//可视区域高度
    var page = {$page};
    var loadState = null;//记录加载状态的变量
    window.onscroll = function ()
    {
//        $("#list").append('<p>'+window.pageYOffset+','+screen_height+','+document.body.scrollHeight+'</p>');

        //如果接近底部
        if (window.pageYOffset + screen_height + 30 >= document.body.scrollHeight)
        {
            //如果加载状态为null,则可以继续加载
            if (! loadState)
            {
                loadState = setTimeout (function ()
                {
                    //这里填写你所需要的操作...
                    var data = {
                        'page': ++ page,
                    };
                    layer.open ({
                        content: '加载中'
                        , skin: 'msg'
                        , time: 2 //2秒后自动关闭
                    });
                    var url = '{:mergeUrl('',['page'=>0]);}';
                    $.get (url, data, function (res)
                    {
                        layer.closeAll ();
                        layer.open ({
                            content: '加载完成'
                            , skin: 'msg'
                            , time: 2 //2秒后自动关闭
                        });
                        if (res.err_code == 0)
                        {
                            $ ("#list").append (res.data);
                            loadState = null;//设置为空,否则清除掉也没用
                        }
                        else
                        {
                            $("#load_finish").removeClass('gazer-none');
                        }
                    });
                    //下面的是可选的
                    clearTimeout (loadState);
                }, 200);
            }
        }
    }