css - 使用固定的 : how to also allow vertical scroll? 对模态进行中心定位

我弹出了一个模式窗口，我想将其相对于读者在页面上的位置居中。实现这一目标的最佳方法似乎是位置固定/前 50% 固定:

.fixed {
    position:fixed;
    width:100px;
    height:100px;
    top:50%;
    left:50%;
    margin-left:-50px;
    margin-top:-50px;
}

到目前为止一切顺利，模态在精确的中心弹出。请参阅此处的 jsfiddle:
http://jsfiddle.net/cbqN2/

但是，如果内容对于他们的屏幕来说太长，我希望我的用户能够滚动模式:
http://jsfiddle.net/xwhMa/1

有什么方法可以通过嵌套具有不同位置的 div 或 JQuery 作为最后的手段来实现这一点？

最佳答案

我不太确定这是否是你要问的，但试试这个:

ul li {font-size:23px}
.fixed {
    width:200px;
    height:200px;
    background:red;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-100px;
    margin-left:-100px;
    **overflow-y:scroll**
}

关于css - 使用固定的 : how to also allow vertical scroll? 对模态进行中心定位，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11782319/