无视界-个人小站
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');  
    }