将模态图层设置为查看屏幕的中心

Question

我正在使用Twitter Bootstrap的模态,但是我必须将它们的位置改为绝对,因为我需要它们能够滚动小屏幕的原因.遗憾的是,通过这种方式,模态可以打开到站点的固定位置,而不是在查看区域.有没有办法打开它们(并且能够滚动)到我正在查看的屏幕上？

CSS:

.modal {
    width: 845px;
    margin: -250px 0 0 -430px;
    background-color: #f6f5ed;
    position: absolute;
    border: 1px solid #cdc4b2;
    top: 50%;
    left: 50%;
}

Answer 1

这个帖子:Bootstrap 2的Modal插件没有显示,中心有正确的答案,也在这里发布:

   $('#YourModal').modal().css(
            {
                'margin-top': function () {
                    return window.pageYOffset-($(this).height() / 2 );
                }
            });