首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

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

2012-09-01 
js 手机页面向上以及向下滚屏前言:开发手机页面缺少不了就是滚动分页,如果判断距离大小去触发 onscroll事

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)    }}   

?

?

热点排行
Bad Request.