我有一个带有响应表的模式,它在台式计算机上可以很好地工作,但是在移动设备上它不能很好地工作,因为您不能滚动到表的末尾。
您可以在此处查看示例:http://www.draftfantasyfootball.co.uk/players
如果单击表中的播放器名称,则会打开模态,但是在移动设备(至少是iPhone 4)上,您无法滚动到模态的底部。
有人知道这是为什么吗?
谢谢
最佳答案
我假设您在移动设备上的模态设置为屏幕的全宽和全高。如果是这样,则应尝试在模态内容类中添加以下属性,如下所示:
.modal-content{
max-height: calc(100vh - 1px);
overflow-y: auto;
}
它应该可以在默认CSS上运行,如果不能正常运行,请向我们展示您的代码。