Android设备中内嵌网页的滚动翻页功能设计
在ANDROID软件中,经常会遇上直接内嵌浏览器,显示某个网址,但传统网页点击分页的链接会显的特别小,于是滚屏自动分页,就会有更好的用户体验。
于是使用jquery做了这样一段脚本。
var page=1;
//页面AJAX调用的开关
var isLoading=false
//总页数
var pagecount=parseInt(0${cl.pages},10)
$(window).scroll(function() {
var o = $('#CtxContent');
if(o!=null ){
var hght= document.body.scrollHeight;
var clt =document.documentElement.clientHeight;
//var top= document.documentElement.scrollTop ;
var top= document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop; ;
//alert(top=+top+ high=+hght)
if(top>=(parseInt(hght)-clt) && page<=pagecount &&=""></=pagecount>
page=parseInt(page)+1;
ReadPage(page);
}
}
});
function ReadPage(page){
$(#news-bottom-list).html('
![](/static/images/waiting.gif)正在获取信息...
').show();
isLoading=true;
next=parseInt(page)+1;
html=$.get('?id=${id}&page='+page+'&lang='+currLang,
function (data){
isLoading=false;
$(#CtxContent).append(data);
$(#news-bottom-list).html(查看更多资讯↓);
},'html');
}