我有一个带有响应表的模式,它在台式计算机上可以很好地工作,但是在移动设备上它不能很好地工作,因为您不能滚动到表的末尾。

您可以在此处查看示例:http://www.draftfantasyfootball.co.uk/players
如果单击表中的播放器名称,则会打开模态,但是在移动设备(至少是iPhone 4)上,您无法滚动到模态的底部。

有人知道这是为什么吗?

谢谢

最佳答案

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

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

它应该可以在默认CSS上运行,如果不能正常运行,请向我们展示您的代码。

09-20 13:11