Bootstrap响应表不在iOS设备上垂直滚动

这是我的：

<div class="table-responsive"> <table class="table" style="background: transparent"> .... </table> </div>

我正在使用以下bootstrap.css文件： http : //netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css

当我尝试在iOS设备上上下滚动（当我的手指触摸桌子时），它不会滚动。它只是拖动整个页面。为了滚动，我必须触摸主体背景或除表格以外的任何其他对象。这个问题不会出现在Android设备上，但似乎在iOS设备上，如iPhone。

我试着将overflow-y: auto添加到<div class="table-responsive"> ，但它仍然不起作用。

为了在移动设备上启用滚动（特别是苹果设备），需要添加什么？

对于任何有这个问题的人来说，我所需要做的就是将以下代码行添加到表响应类的css中：

 -webkit-overflow-scrolling: touch;

现在它按预期工作。

我有同样的问题，然后我删除overflow: hidden; 从HTML和正文。 Safari在IOS上的行为与Android上Chrome的行为相匹配，即页面再次垂直滚动。检查并查看.table-responsive的父级是否已经overflow-hidden并尝试将其注释掉。

我仍然在寻找一个更好的解决scheme，不会强迫我改变父元素的CSS。

[编辑]

find了。您不需要更改.table-responsive的父级上的溢出值，只要确保您添加

 parent { overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; }

这只会使表格水平滚动。垂直滚动表不是Twitter Bootstrap的一部分。

查看他们的文档以获取更多信息：CSS选项卡下的响应式表

来源： http ： //getbootstrap.com/css/#tables