2 qq 36970338 qq_36970338 于 2017.01.05 17:03 提问

angular+ionic如何实现页面上拉加载×

angular.module('myApp', ['ionic'])
.controller('MyCtrl', function($scope) {

})

3个回答

Eyseem
Eyseem   2017.01.05 18:00

ionic这个我没用过,但用angular实现过加载。希望能对你有用。
/**

  • 获取滚动条距离顶端的距离
  • @return {}支持IE6 */ function getScrollTop() { var scrollPos; if (window.pageYOffset) { scrollPos = window.pageYOffset; } else if (document.compatMode && document.compatMode != 'BackCompat') { scrollPos = document.documentElement.scrollTop; } else if (document.body) { scrollPos = document.body.scrollTop; } return scrollPos; }
... ...
Eyseem
Eyseem   2017.01.05 18:02
 /**
 * 获取滚动条距离顶端的距离
 * @return {}支持IE6
 */
function getScrollTop() {
    var scrollPos;
    if (window.pageYOffset) {
        scrollPos = window.pageYOffset; }
    else if (document.compatMode && document.compatMode != 'BackCompat')
    { scrollPos = document.documentElement.scrollTop; }
    else if (document.body) { scrollPos = document.body.scrollTop; }
    return scrollPos;
}

<div class="appbox" when-scrolled="loadMore()">
.....
.....
</div>
Eyseem
Eyseem   2017.01.05 18:03
    //滚动加载
    angular.element($window).bind('scroll',function(scope){
        var s, p,h;

        h=$window.innerHeight;//浏览器显示内容区高度
        s=getScrollTop();//滚动条距离顶端高度
        p=document.body.clientHeight;//文档流高度

        if(s+h>=p){
            $scope.loadMore();//发送ajax请求
        }
    });
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!