javascript - 如何在 iframe 中垂直居中模式？

Question

我有一个网络应用程序:1. 是一个 iframe(它出现在多个地方，例如 facebook)。2. 里面有模态(我正在使用 jqmodal)。3. 有垂直滚动条。

问题是，当从我页面底部的链接打开模态时，模态出现在我页面的顶部，因此用户必须向上滚动才能看到模态。

有什么方法可以使模态框垂直居中吗？或者在外框向上滚动？

提前谢谢你。

Answer 1

你可以像这样滚动到它:

var offset = $('#mymodal').offset().top;
$('html, body').animate({ scrollTop: offset - 100 }, 500);

或者像这样垂直对齐:

position: absolute;
top: 50%;
margin-top: -100px;
height: 200px;