引導響應表中未在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

這隻會使表格水平滾動。垂直滾動表格並不是Twitter Bootstrap的一部分。

檢查他們獲取更多信息的文檔：在CSS標籤下的響應表

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

Answer 2

其他任何人有這個問題，我不得不這樣做，以解決這個問題是要增加以下行到表響應類的css：

-webkit-overflow-scrolling: touch; 

現在它按預期工作。

Answer 3

我有同樣的問題，然後我從HTML和正文刪除overflow: hidden;。 Safari在iOS上的行爲與Android上Chrome的行爲相匹配，即頁面再次垂直滾動。檢查並查看.table-responsive的父級是否有overflow-hidden並嘗試將其註釋掉。

我仍然在尋找更好的解決方案，不會強迫我改變父元素的CSS。

[編輯]

找到它。你並不需要改變的。表響應父溢出值，只要確定你添加

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