javascript - JQuery UI Dialog inside of an iframe

Question

I'm developing a sp2013 app, which means it's using iframes. Specifically, it's a very large iframe which takes up most of the screen. At many points, I'm opening up jquery ui dialog windows. They are set to appear in the middle of the viewport, which is great, except it's showing up in the middle of the iframe, rather than the middle of the visible screen.

Is there a way I can tell jquery ui to look at window.top's scroll properties, instead of the iframes?

Edit: The iframe and the parent are on the same domain, so cross-domain issues aren't a problem.

Answer 1

Okay, so I found the solution. When declaring my dialog, I did the following:

$("selector").dialog({
    position: {my: "center", at: "center", of: window.top}
});