阅读背景:

ion-content中存在ion-list,在ion-list外固定其他控件位置不滚动

来源:互联网 
重点
<ion-content scroll="false">
然后在 <ion-list> 外包裹   <ion-scroll style="height: 100%;">, 此处的height必须有,不然滚动尺寸有问题。
单此时如果底部有tabs,会发现list最后一行被tabs遮住了,一个偷懒的方法就是启用infinite-scroll,把最后一行进行填充,就是增加 <ion-infinite-scroll on-infinite="loadMore()"></ion-infinite-scroll>。
这时list拉到底会有个loading的icon出现,为了不让这个icon出现,可以设置ion-infinite-scroll的spinner="xxx"任意名字,但这样会js出异常,报找不到对应的spinner,那么好点一点的方法是实现on-infinite="loadMore()",在loadMore()中直接让infinite scroll结束

$scope.loadMore = function(){
    $scope.$broadcast('scroll.infiniteScrollComplete');
};>
然后在 <io



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: