Q
离子连续滚动
-1
A
回答
0
指令滚动<ion-scroll >
工作。
<ion-scroll zooming="true" direction="x" style="width: 500px; height: 500px">
</ion-scroll>
0
您可以检查我的codepen,不完美,但也许这将是有益的。 http://codepen.io/kmlzjc/pen/bZjjRg
事情是使用离子无限滚动离子滚动或离子内容。这样
<ion-content class="padding" >
<ion-scroll direction="x" class="item">
<div ng-repeat="scrollItem in scrollItems" class="scroll-item">
<strong>{{ scrollItem.id }}</strong>
<hr />
<span>{{ scrollItem.index }}</span>
</div>
</ion-scroll>
<ion-infinite-scroll on-infinite="load()" distance="20%"></ion-infinite-scroll>
</ion-content>
在这种情况下,当滚动将是20%从端STH,负载功能将被烧成,新数据可以被加载。在这里我使用虚拟函数来添加新项目到scrollItems列表中。
$scope.load = function() {
var previousLength = $scope.scrollItems.length;
for(var i = 0; i < 10; i++) {
$scope.scrollItems.push({
id: Math.random() * 1000,
index: previousLength + i + 1
});
}
$scope.$broadcast('scroll.infiniteScrollComplete');
};
而一旦数据被加载有广播的事件,刷新滚动。 $scope.$broadcast('scroll.infiniteScrollComplete');
还检查离子滚动文档http://ionicframework.com/docs/api/directive/ionScroll/。将会有关于离子无限滚动的解释。
+0
感谢您的帮助!我会照顾你的代码,尝试让它按照我的意愿工作!谢谢 ! –
相关问题
- 1. FullPage.JS连续滚动
- 2. 伪连续滚动
- 3. 离子2多个连续
- 4. 连续自动滚动ListView
- 5. 连续/无限滚动
- 6. 停止连续滚动smoothdivScroll
- 7. 连续滚动的问题
- 8. 水平连续滚动EditText
- 9. 连续滚动图像
- 10. jQuery垂直连续滚动
- 11. CarouselLite不连续滚动
- 12. 离子滚动问题 - 使用离子滚动时页面滚动中断
- 13. 离子滚动不会垂直滚动
- 14. 使用离子滚动滚动
- 15. Ionic2 - 编程滚动离子滚动
- 16. 如何在离子2中连续放置多个离子卡?
- 17. 离子滚动到元
- 18. 离子标题栏滚动
- 19. 离子含量不滚动
- 20. 使用滚动标签连续滚动滚动图像
- 21. 滑动时禁用离子滚动内部离子列表的垂直滚动
- 22. 连续滚动div菜单动画jumpy
- 23. 连续的HTML页面滚动
- 24. Pitvot停止当滚动连续
- 25. 使用UIScrollView Xcode连续滚动
- 26. 使用javascript连续滚动页面
- 27. 用于连续滚动的Circular ViewPager
- 28. 如何使用JScrollPane连续滚动
- 29. jquery连续水平滚动不工作
- 30. UIPageviewcontroller过渡样式滚动连续
感谢您的帮助,我已经设法做你喜欢的例子,但我试图删除滚动的“墙”,并使其连续 –
它正在与此解决方案。谢谢 –