Bootstrap的.table-responsive可防止iOS Safari

Question

我在.table-responsive内有一个.panel div。在iOS Safari中滚动时，如果您通过.table-responsive元素“抓取”屏幕，则不会让您垂直滚动，只能水平滚动。浏览器将弹出底部边缘向上，顶部边缘向下，就像您位于页面底部一样。

我在Bootstrap的文档页面上检查了相同的通用html结构，.table-responsive上的垂直滚动在那里工作。

我尝试的事情：

1. 此相关机票的所有建议解决方案：
   Bootstrap responsive table not scrolling vertically on iOS devices
2. 从所有元素
中删除了-webkit-overflow-scrolling: touch;
3. 选中overflow: hidden;的父母。

请注意，这些表是使用jQuery DataTables插件包装的，但我也尝试使用.table-responsive数据表的fnDrawCallback回调将表包装在.table-responsive div中。这有点帮助我现在能够在触摸实际表格周围的分页/其他数据表元素时滚动。这让我相信问题肯定是position: fixed;本身。

另外，我不确定它是否相关，但移动视图应用了macro标头。

我还需要考虑哪些可以防止在某些元素上垂直滚动页面？我也注意到在文本输入字段上有相同的效果，但是它不那么烦人，因为它周围有很多区域你仍然可以滚动，而不像占用几乎100％宽度的表。

提前致谢！

编辑：我在iOS上试过Chrome，它有同样的问题。 Android上的Chrome运行完美。