【问题标题】:want to fix position of model popup when i scroll background page当我滚动背景页面时想要修复模式弹出窗口的位置
【发布时间】:2016-02-20 13:35:42
【问题描述】:

我正在使用引导程序询问模型弹出位置。我在这里列出我的模型弹出信息

1) 我有模型弹出窗口。我在模型弹出窗口打开期间启用了页面背景。 2) 当模型弹窗打开时,页面背景可以滚动。

现在的问题是当我滚动背景页面时,我的模型弹出窗口会随着页面背景移动。 现在我想用背景中存在的文本框位置来修复模型位置。意思是当我滚动背景模型弹出不应该移动。并且不应该离开它的位置。

【问题讨论】:

    标签: jquery html css twitter-bootstrap


    【解决方案1】:

    请尝试以下样式

    假设您的模态具有外模态 css 类,

    .outter-modal{
    position:fixed;
    top:50%;
    margin-left:auto;
    margin-right:auto;
    }
    

    【讨论】:

    • 我当前的 css 是 .modal-backdrop { display: none; } .modal-open { 溢出:自动!重要; }当我尝试 .outter-modal{ 位置:固定;最高:50%;左边距:自动;边距右:自动; } 没用,当我尝试 .modal-open { position: fixed;最高:50%;左边距:自动;边距右:自动; } 我的背景卷轴不见了。
    • 我想要这个像 fackbook 朋友搜索列表。就像我的弹出窗口应该固定位置或与文本字段关联或绑定。当我向下滚动模型弹出窗口时应该使用文本字段修复
    • 在模态内容中使用这些样式,如果你使用引导程序
    • 如果我使用样式模型内容,那么它将在模态对话框中修复位置我想在滚动主页背景时修复模型弹出位置,然后模型弹出不应该随页面移动。它应该修复
    • 你能把你的 div 结构复制给我吗?最好用 div 结构来回答你,而不是我假设一些事情并做出回应
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-03
    • 1970-01-01
    • 2016-05-25
    相关资源
    最近更新 更多