Twitter Bootstrap 3响应式表格在移动设备上的弹出框中无法下滑

Question

6

我有一个带响应式表格的模态框，在桌面电脑上它能正常工作，但在移动设备上表现不佳，因为你无法滚动到表格底部。

你可以在这里看到一个例子：http://www.draftfantasyfootball.co.uk/players 如果你在表格中点击一个球员姓名，就会弹出一个模态框，但在移动设备（或至少是iPhone 4）上，你无法滚动到模态框底部。

有人知道为什么吗？

谢谢

- Eliezer Steinbock

我也想知道这个。如果您在模态框中有一个带有表格响应式div的内容，那么后面的页面会向下滚动，而不是模态框。 - Elger Mensonides

这个例子需要您创建一个账户。您有没有不需要身份验证的示例可以展示？ - Alex

啊。当时不需要账户。抱歉。我想这个问题可能已经解决了。不确定。 - Eliezer Steinbock

请问您能否展示一些代码？ - Timo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- joint_ops · Accepted Answer

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

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

如果默认CSS无法正常工作，请向我们展示您的代码。