在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%