模态中的 Twitter Bootstrap 3 响应式表格不会在移动设备上向下滚动答案

【问题标题】：Twitter Bootstrap 3 responsive table in modal doesn't scroll down on mobile模态中的 Twitter Bootstrap 3 响应式表格不会在移动设备上向下滚动
【发布时间】：2014-01-26 18:07:13
【问题描述】：

我有一个带有响应式表格的模式，它在台式计算机上运行良好，但在移动设备上运行不佳，因为您无法滚动到表格的末尾。

您可以在此处查看示例：http://www.draftfantasyfootball.co.uk/players 如果您单击表格中的玩家姓名，则会打开一个模式，但在移动设备（或至少是 iPhone 4）上，您无法滚动到模式的底部。

有人知道这是为什么吗？

谢谢

【问题讨论】：

我也想知道这个。如果您有一个带有表格响应 div 的模态框，则后面的页面会向下滚动，而不是模态框。
此示例需要您创建一个帐户。你有一个不需要身份验证的例子吗？
啊。当时它不需要帐户。对不起。我认为这个问题可能已经解决了。不确定
能否给我们看一些代码

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

我假设您在移动设备上的模式设置为屏幕的全宽和全高。如果是这样，您应该尝试在模态内容类中添加以下属性，如下所示：

.modal-content{
max-height: calc(100vh - 1px);
    overflow-y: auto;
}

它应该适用于默认 CSS，如果它不起作用，请向我们展示您的代码。

【讨论】：