滚动到iframe弹出元素

时间:2015-08-07 06:24:37

标签: javascript iframe cross-domain parent scrollto

我在iframe中有Javascript / jQuery小部件。

每当用户在窗口小部件中注册或执行某些操作时,将在iframe中心向用户打开确认弹出窗口。我的iframe没有滚动条。

根据iframe中的内容,它的高度可自动调整大小。

问题是,当我在iframe的注册页面(提交按钮)的底部,当我点击提交并向用户打开成功消息时,用户将只看到一半弹出或有时它高于当前窗口所以用户无法看到弹出消息。我的小部件是响应式的。 所以我想滚动到打开的弹出窗口。

见下图: enter image description here

我的iframe代码。在这里,我将弹出窗口的最高位置除以2,并将postmessage发送到父窗口。

scroll_at = Math.abs($("#RegisterPopup").offset().top)/2;
window.parent.postMessage(JSON.stringify({"scroll_at": scroll_at}), "*");

在父窗口(第三方网站)中,我收到此滚动位置并滚动它。

window.scrollTo(0,obj.scroll_at);
  

以上代码工作正常。但我无法得到完美的位置   弹出窗口。

如何从当前窗口获取弹出窗口的顶部高度到iframe弹出窗口,以便我可以滚动到弹出窗口?

0 个答案:

没有答案