html - 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;

现在它按预期工作了。