无限滚动+计算已滚动的人数

Question

我正在开发离子应用程序，并且最近在制作某些功能时遇到了一些麻烦。 首先，我使用离子1，因此我使用的是AngularJS 1.我的目标是创建一个关于离子的日历。这看起来很经典，但现有的大多数模板都显示一个月，而且您必须触摸按钮或向右滑动或在下个月才能点击。对我来说这似乎是一个非常糟糕的UX。

我想制作一个日历，允许某人从每个月每天动态和垂直显示（只有两个 - 例如 - 同时显示屏幕大小的原因）。

注意：不要介意颜色，它是附加功能。

在图片上，我可以向下滚动，十月出现在八月消失（对不起图片的法国月份名称）。

我查看了很多模板日历是如何在Javascript中完成的，最简单的方法似乎是将html作为字符串的动态生成方式（在第一视图中，对我来说这似乎很脏，但是在向前看后，我发现这种优雅）。因此，我虽然只需要生成7-8个月的html，然后以中间的2个月为中心，并在用户每次滚动时动态更改它。

我的一个大问题是：可以准确计算用户使用离子滚动向下滚动的次数？ 如果我知道他向下滚动了相当于两个月的距离，我知道我必须在未来再计算两个月，并放弃那些太过分的人。

这个解决方案是否有意义？或者有没有人有如何做到这一点的想法？

很高兴听到每一条评论。如果需要进一步的信息，我会尽可能快地回答。

Answer 1

看起来像你可以用https://ionicframework.com/docs/api/directive/collectionRepeat做到这一点。如果你为每个月设置了正确的高度，这应该是开箱即用的。

<ion-content> 
    <div collection-repeat="month in months" 
    item-height="200px"> 
    //month template 
    </div> 
</ion-content>