将Fancybox 2定位到视口顶部

Question

我正在使用Fancybox 2.我希望它位于 viewport 的顶部。

我尝试了以下代码：

$(".fancybox").fancybox({
   topRatio:0
});

这会将fancybox定位到页面顶部，而不是视口。如果一个人没有向下滚动页面，当一个人开始向下滚动页面fancybox不在屏幕上时，这是有效的。

滚动时Fancybox的屏幕截图：

我在iframe中有Fancybox并想知道这是否可能是问题的一部分？

如何让Fancybox始终保持在视口内？

更新

在尝试使其工作时，最好是在iFrame之外打开。我尝试了以下代码：

$( ".fancybox" ).click(function(e){
    parent.$.fancybox({
    href: this.href
});
    return false;
});

和

$( ".fancybox" ).click(function(){
    parent.$.fancybox();
    return false;
});

在这两种情况下它都不起作用且没有错误。

如何让它发挥作用？