读书人

js 手机页面向下以及向上滚屏

发布时间: 2012-09-01 09:33:03 作者: rapoo

js 手机页面向上以及向下滚屏

前言:

开发手机页面缺少不了就是滚动分页,如果判断距离大小去触发 onscroll事件呢?

下面用到3个js 函数 scrollTop clientHeight scrollHeight

?

准备:

先利用这3个函数写成自定义函数

?

//向上或向上滚动获取数据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)    }}   

?

?

读书人网 >JavaScript

热点推荐