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

Question

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

Answer 1

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

<强> BOOTPLY

<强> CSS：

.modal {
    top: 50%;
  }

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