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

前端之家收集整理的这篇文章主要介绍了html – 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”>,但是它仍然不起作用.

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

解决方法

对于有这个问题的任何人,我所要解决的一切就是将以下行添加到表响应类的css中:
-webkit-overflow-scrolling: touch;

而现在它按预期工作.

原文链接:https://www.f2er.com/html/230209.html

猜你在找的HTML相关文章