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

Question

我在使用 ionic 应用程序时遇到了这个奇怪的问题。离子应用程序无法完全向下滚动。例如，我可能有一个包含 100 行的 table。我最多可以向下滚动到第 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

删除该容器的内联样式高度，因为低于 700 像素在屏幕上查看您的网页时将不可见

Answer 3

试试这样的：身高：33vh；

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

ionic app cannot fully scroll down when ion-scroll height is too high

html

angularjs

hybrid-mobile-app

ionic-framework

ionic