當離子滾動高度過高時，離子應用程序無法完全向下滾動

我遇到了離子應用程序的這個奇怪問題。離子應用程序無法完全向下滾動。例如，我可能有一個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">

我不知道它爲什麼起作用。有人可以解釋嗎？

編輯：其中一個答案提到，問題是高度是絕對項指定的。我如何指定高度，以便它可以在不同高度的移動設備上工作？

來源

2015-12-10 user781486

您正在爲容器使用絕對像素高度。如果設備的高度不足700像素，則會切斷滾動容器的底部。

來源

2015-12-10 06:26:25

謝謝。 Upvoted。有沒有更好的方法來指定高度？我如何指定高度，以便它可以在不同高度的移動設備上工作？ – user781486

是否需要全高？ –

不需要。只要我可以滾動到表格的最後一行。 – user781486

刪除內嵌樣式高度低於700像素該容器的原因它會在屏幕上不可見查看網頁

來源

2015-12-10 06:30:38

嘗試是這樣的：身高：33vh;

來源

2016-08-10 14:35:30 Paradise

當離子滾動高度過高時，離子應用程序無法完全向下滾動

回答

相關問題