無限滾動+計算已滾動的人數

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>