twitter-bootstrap – 将模态图层设置为所查看屏幕的中心

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – 将模态图层设置为所查看屏幕的中心前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 Twitter Bootstrap’s modal,但是我不得不把自己的位置改为绝对的,因为我需要他们才能滚动小屏幕的原因.令人遗憾的是,这种模式开放到固定位置,而不是在观察区域.
有什么办法打开他们(并能够滚动)到屏幕上我正在查看什么?

CSS:

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

解决方法

这个线程: Modal plugin of Bootstrap 2 is not displayed by the center有正确的答案,也贴在这里:
$('#YourModal').modal().css(
            {
                'margin-top': function () {
                    return window.pageYOffset-($(this).height() / 2 );
                }
            });
@H_502_7@ @H_502_7@ 原文链接:https://www.f2er.com/bootstrap/234024.html

猜你在找的Bootstrap相关文章