在iPhone中滾動錯誤

Question

我在vueJs頁面上工作。有幾張桌子可以水平滾動。這些表使頁面的高度高於視口的高度。我可以滾動水平表格並滾動垂直頁面沒有錯誤。但在iPhone中，如果觸摸表格，我無法滾動垂直頁面（其他部分滾動良好）。

Answer 1

您可以嘗試包含您的表另一個div這樣的：

<div class="outer"> 
    <div class="inner table"></div> 
</div> 

和風格：

.outer { 
    overflow: scroll; 
    -webkit-overflow-scrolling: touch; 
} 

.inner { 
    height: calc(100% + 1px); 
} 

Answer 2

我得到了答案。我發現該頁面的風格height: 100%包裝。這導致body的高度等於視口的高度，但包含表格高度的部分比視口高。 在ios中，我們應該用兩根手指來滾動本地滾動。 最終的解決方案是刪除包裝上的樣式height:100%