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

发布于 2022-09-02 14:55:45 字数 1406 浏览 17 评论 0

在一个页面中用了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');
        });
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

吃颗糖壮壮胆 2022-09-09 14:55:45

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文