html - Css 模态滚动窗口

Question

我有一个模态窗口，在 css 转换后(将其置于页面中心)其中的一些元素(如按钮边框)变得有些被切断(至少在 chrome 中):https://jsfiddle.net/r67dsbp8/

应用一些修复，例如:

-webkit-transform: translateZ(0);

使整个文本在模式中变得模糊，这更糟。

如果我像这样尝试不同的标记:https://jsfiddle.net/2u5saj4q/

模态内容不再可以垂直滚动。在第二个示例中，如何使其垂直滚动(如果垂直内容多于适合)？

Answer 1

设置 .mpp-modal-content 高度和 overflow-y 滚动或自动:

.mpp-modal-content {
  height: 250px;
  overflow-y: scroll;
}

Check this fiddle