js 핸드폰 페이지 위로 및 아래로 스크롤 백

2695 단어 js
선언:
모 바 일 페이지 를 개발 하 는 데 부족 한 것 은 페이지 를 굴 리 는 것 입 니 다. 거리 크기 를 판단 하여 onscroll 사건 을 촉발 하면 요?
다음은 js 함수 scroll Top client Height scroll Height 3 개 를 사용 합 니 다.
 
준비:
먼저 이 세 개의 함 수 를 이용 하여 사용자 정의 함수 로 작성 합 니 다.
 
/********************    
*              
******************/     
function getScrollTop()      
{      
    var scrollTop=0;      
    if(document.documentElement&&document.documentElement.scrollTop)      
    {      
        scrollTop=document.documentElement.scrollTop;      
    }      
    else if(document.body)      
    {      
        scrollTop=document.body.scrollTop;      
    }      
    return scrollTop;      
}      
     
     
/********************    
*                
*******************/     
function getClientHeight()      
{      
    var clientHeight=0;      
    if(document.body.clientHeight&&document.documentElement.clientHeight)      
    {      
        var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;              
    }      
    else     
    {      
        var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;          
    }      
    return clientHeight;      
}      
/********************    
*               
*******************/     
function getScrollHeight()      
{      
    return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);      
}  

 
마지막:
 
//           
function getScrollData()
{      
    var pagey=0;
    if(window.pageYOffset)
        pagey=window.pageYOffset;
    var sh=getScrollHeight();

    //if(1==1)
    if(!isdlg && !isloadData && ((currentpage<pagecount && (pagey+getScrollTop()+getClientHeight())>=sh)||(currentpage>1 && getScrollTop()<=0 )))
    {
    
        //  
        if (currentpage<pagecount && (pagey+getScrollTop()+getClientHeight())>=sh)
        {
            currentpage++;
        }
//  
        else
        {
            currentpage--;
        }
        //        ajax  
        getData(currentpage,keyWord,subName)
    }

}   

 

좋은 웹페이지 즐겨찾기