html - 当 ionic 滚动高度太高时， ionic 应用程序无法完全向下滚动

Question

我在使用 ionic 应用程序时遇到了这个奇怪的问题。 ionic 应用程序无法完全向下滚动。例如，我可能有一个包含 100 行的表。我最多只能向下滚动到第 80 行。这是相关的html代码。

<ion-content>
    <ion-scroll zooming="true" direction="xy" style="height:700px">
      <table ng-table="tableParams" style="width:600px">
        <!-- table contents -->
      </table>
    </ion-scroll>
</ion-content>

我后来发现了解决方案，但我不知道为什么它有效。解决方案是将高度从 700px 降低到 500px。 <ion-scroll zooming="true" direction="xy" style="height:500px">

我不知道为什么它会起作用。有人可以解释一下吗？

编辑:答案之一提到问题是高度是用绝对值指定的。如何指定高度使其可以在不同高度的移动设备上工作？

Answer 1

您正在为容器使用绝对像素高度。如果设备高度不低于 700 像素，您将切断滚动容器的底部。