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

Question

我有一个带有响应表的模态,它在台式计算机上工作正常,但在移动设备上它不能很好地工作,因为你无法滚动到表的末尾.

你可以在这里看到一个例子:http://www.draftfantasyfootball.co.uk/players 如果你点击表格中的一个玩家名字,会打开一个模态,但是在移动设备上(至少是iPhone 4),你无法滚动到模态的底部.

有谁知道这是为什么？

谢谢

Answer 1

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

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

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