当离子滚动高度过高时，离子应用程序无法完全向下滚动

Question

我在离子应用中遇到了这个奇怪的问题。离子应用程序无法完全向下滚动。例如，我可能有一个包含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像素，则会切断滚动容器的底部。

Answer 2

删除该容器的内联样式高度，因为低于700px它将无法在屏幕上查看您的网页

Answer 3

尝试类似：身高：33vh;