首页 > ionic在UC浏览器存在兼容性问题

ionic在UC浏览器存在兼容性问题

在一个页面中用了IONIC框架,用到了上拉刷新效果,在原生的浏览器以及QQ浏览器都可以实现,但是在苹果手机里面的UC可以实现上拉刷新,在安卓uc浏览器上就不行!

在安卓UC上效果:

在苹果UC上效果:

代码:

猜你喜欢上拉的代码html页面代码

<li ng-repeat="story in stories">
                <a href="javascript:;">
                    <div class="pic"><img src="{{story.img}}" alt=""/></div>
                    <div class="shop-name"><span ng-bind="story.title"></span></div>
                </a>
                <div class="price">
                    <span>¥<i ng-bind="story.price"></i></span>
                </div>
            </li>
            <ion-infinite-scroll on-infinite="loadOlderStories()" distance="1%"></ion-infinite-scroll>

猜你喜欢上拉的代码JS部分

$scope.stories=[];
$scope.loadOlderStories = function(){
    $http.get('1.json', {page: 1})
        .success(function (response) {
            angular.forEach(response.data, function (child) {
                $scope.stories.push(child);
            });
            $scope.$broadcast('scroll.infiniteScrollComplete');
        });
}

不行是怎么个不行?实机调试可以通过弹窗来看是否触发loadOlderStories

【热门文章】
【热门文章】