如果基础5太大，我怎么能让基础5显示模态滚动？

Question

我正在使用揭示模式。根据窗口大小，内容可能太大而无法放在屏幕上。

无论我做什么，我都无法滚动查看所有内容。我尝试使模态本身溢出-y：auto;，但这没有帮助。

以下屏幕截图来自设置为移动设备大小的Chrome窗口。表单底部有一个按钮，由于无法看到，因此无法按下该按钮。

窗口和模态内容将滚动。此外，模态的顶部似乎太低了，但这似乎没有任何改变，底部按钮的可访问性。

Answer 1

您必须提及揭密模式的阈值高度，之后将考虑overflow-y并显示滚动条。

.reveal-modal
{
  max-height:initial; //reset any max-height set by foundation defaults
  height:600px; //replace value with your desired height
  overflow-y:scroll;
}

Answer 2

在移动模式下，我能够将高度设置为60％，上边距为20％，100vh。我还必须将对话框位置更改为固定并禁用滚动设置，我认为这是5.2.2之后的新增功能，这可以解释为什么我最近才更新后才开始出现此问题。这就是我能够做到的：

https://github.com/macdabby/Lightning/commit/202ae9156ebf034c8cb4b625161015763fa0658f