小编Oli*_*agy的帖子

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

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

我尝试过的事情：

1. 此相关票证中提出的所有解决方案：
   Bootstrap 响应式表格在 iOS 设备上无法垂直滚动
2. -webkit-overflow-scrolling: touch;从所有元素中删除
3. 检查了父母的情况overflow: hidden;。

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

另外，我不确定它是否相关，但移动视图应用了position: fixed;标题。

我还需要考虑什么才能防止页面在某些元素上垂直滚动？我还注意到文本输入字段也有同样的效果，但这并不那么烦人，因为它周围有很多区域您仍然可以滚动，这与占据几乎 100% 宽度的表格不同。

提前致谢！

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