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

【问题标题】：ionic app cannot fully scroll down when ion-scroll height is too high当离子滚动高度太高时，离子应用程序无法完全向下滚动
【发布时间】：2016-03-15 16:23:20
【问题描述】：

我在使用 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">

我不知道它为什么会起作用。谁能解释一下？

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

【问题讨论】：

标签： html angularjs ionic-framework ionic hybrid-mobile-app

【解决方案1】：

尝试类似：高度：33vh；

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

谢谢。赞成。有没有更好的方法来指定高度？如何指定高度以便它可以在不同高度的移动设备上工作？
需要全高吗？
不需要。只要我可以滚动到表格的最后一行。
你可以在浏览器高度上做 CSS 媒体查询 - @media (min-height:700px) { // code here }