iframe中的Bootstrap模态不会动画到iframe的视口中

时间:2014-11-24 17:04:24

标签: twitter-bootstrap iframe twitter-bootstrap-3 scroll bootstrap-modal

我在iframe中有一个bootstrap模式。如果我在iframe中向下滚动并执行模态,我无法看到它,因为它位于iframe的顶部,我必须向上滚动才能看到它。有没有办法让它保持在iframe的视口中?

1 个答案:

答案 0 :(得分:1)

如果您始终滚动到iframe的底部以单击启动它的按钮,您可以使用一些CSS将其更多地推向页面/框架的底部。

<强> BOOTPLY

<强> CSS:

.modal {
    top: 50%;
  }

模态的代码只是您在Bootstrap文档中为模态找到的样板代码。我只是将CSS应用于模态类。