当模态有时大于屏幕时，如何水平/垂直居中模式弹出窗口？

Question

我知道如何使用javascript将模态居中，但是当模态高于视口时我遇到了问题。模态的顶部将隐藏在屏幕顶部。

Answer 1

你想要

    (windowHeight - modalHeight) / 2 

作为模态的最高位置

    if (modalHeight < windowHeight) 
    else make top as 0 or may be 10. 

我想你已经解释了这个。

一个可能的问题是如果你使用的是固定位置模态，溢出的部分不会显示，在这种情况下，你应该提供一个小提琴或链接来帮助你处理你的情况。

对于固定定位溢出，您可以将模态最大高度设置为100％并在模态中显示滚动条。 如果模态是叠加的子项，则可以将叠加的最大高度设置为100％，而不是使用叠加上的滚动条。

如果您使用绝对定位模态，您将获得正文的滚动条。

伪代码

top = (modalHeight < windowHeight)? (windowHeight - modalHeight) / 2 : 10 ;