css - 如何在没有任何滚动条的情况下将 Bootstrap 模式定位在中心？

Question

我一直试图将模态框定位在屏幕中央。
为此，我将以下 CSS 类添加到模态:

.modal-position {
           position: fixed;
           left: 50% !important;
           top: 50% !important;
           transform: translate(-50%, -50%);
 }

但它并没有完全居中，并且在小屏幕尺寸上，尽管有足够的空间用于模态，但它旁边会出现一个垂直滚动条。

同样的 JS fiddle :https://jsfiddle.net/86n9pbat/

Answer 1

您是否尝试过在模式打开时在您的 css body/modal 中添加 overflow: hidden？