如何在nativescript-angular中向上翻译y Gridlayout

Question

我想翻译y GridLayout。

场景：

我有一个使用GridLayout实现的项目列表。这些项目来自数据库。如您在代码中所见，还存在一个MapView。

我想添加一个视觉动画，以便用户可以通过在其上平移来上下移动GridLayout

我能够使translate-y正常工作，现在GridLayout可以根据需要向上/向下移动，但是一旦显示了总列表，用户也就不能向上移动了在列表的末尾。

<GridLayout rows="auto, auto" columns="*" #mainContainer>

  <MapView ...></MapView>

  <GridLayout row="1" col="0" #scheduleContainer (pan)="onPan($event)" columns="*" [rows]="getNumRows()">

    <GridLayout *ngFor="let item of schedules; let i = index" [row]="i" col="0" height="80">
      ...

  </GridLayout>

</GridLayout>

预期：

显示总列表后，用户将不能向上移动

实际：

即使到达列表末尾，用户仍可以向上移动列表。