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

发布时间：2020-12-18 00:21:17 所属栏目：安全来源：网络整理

导读：我正在使用 Twitter Bootstrap’s modal,但是我不得不把自己的位置改为绝对的,因为我需要他们才能滚动小屏幕的原因.令人遗憾的是,这种模式开放到固定位置,而不是在观察区域. 有什么办法打开他们(并能够滚动)到屏幕上我正在查看什么？ CSS： .modal { width:

我正在使用 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%;
}

解决方法

这个线程： Modal plugin of Bootstrap 2 is not displayed by the center有正确的答案,也贴在这里：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!