js瀑布流

/************************瀑布流**********************************/
/*滚动条在Y轴上的滚动距离*/
function ScrollTop()
{
    var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;
    if (document.body)
    {
        bodyScrollTop = document.body.scrollTop;
    }
    if (document.documentElement)
    {
        documentScrollTop = document.documentElement.scrollTop;
    }
    scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;
    return scrollTop;
}
/*文档的总高度*/
function ScrollHeight()
{
    var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
    if (document.body)
    {
        bodyScrollHeight = document.body.scrollHeight;
    }
    if (document.documentElement)
    {
        documentScrollHeight = document.documentElement.scrollHeight;
    }
    scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
    return scrollHeight;
}
/*浏览器视口的高度*/
function WindowHeight()
{
    var windowHeight = 0;
    if (document.compatMode == "CSS1Compat")
    {
        windowHeight = document.documentElement.clientHeight;
    } else
    {
        windowHeight = document.body.clientHeight;
    }
    return windowHeight;
}
window.onscroll = function ()
{
    if (ScrollTop() + WindowHeight() + 5 >= ScrollHeight())
    {
        More();
    }
};
/************************End**********************************/


//调用方法
P_intPageIndex = 1;
P_intPageSize = 20;
P_intRecordCount = 0;

function More()
{
    var SumIndex = (P_intRecordCount % P_intPageSize) == 0 ? parseInt(P_intRecordCount / P_intPageSize) : parseInt(P_intRecordCount / P_intPageSize) + 1;
    if (SumIndex > P_intPageIndex)
    {
        P_intPageIndex++;
        ScrollList();
    } 
}

//第一次调用的函数与第二调用的函数是有区别的。在ScrollList中需加上如下js,
//strSearch 为生成好的html,需拼接在原来数据的后面
//sessionStorage是html5中类似于session,cookie的东西,能存储大量的数据
//这里分别定义sessionStorage.data1记录之前的数据 ,sessionStorage.PageIndex1记录之前的页数。
if (strSearch != "") { var data = $("#List").html(); strSearch = data + strSearch; $("#List").html(strSearch); sessionStorage.data1 = strSearch; sessionStorage.PageIndex1 = P_intPageIndex; }

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。