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

Question

这就是我所拥有的:

<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">,但它仍然没有奏效.

我需要添加什么才能在移动设备上启用滚动功能(特别是Apple设备)？

Answer 1

对于其他任何有这个问题的人来说,解决它所需要做的就是将以下行添加到表响应类的css中:

-webkit-overflow-scrolling: touch;

现在它按预期工作.

Answer 2

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

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

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