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');
});
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不行是怎么个不行?实机调试可以通过弹窗来看是否触发loadOlderStories