jQuery工具|覆盖相对于正文的位置，而不是浏览器窗口

Question

我的叠加位置有问题。对于我所知道的，我可能会使用错误的方法，但这是我的情况：

我希望在我的页面上的特定位置显示叠加层 我得到了jQuery工具覆盖（http://jquerytools.org/）。

• 以下是我网站的链接：http://www.kiledesign.no

到目前为止，这是我的覆盖的js代码：

$(function() {
    $("div.brick_index[rel]").overlay({fixed:false,top:282,mask {color:'#000',opacity:0.50},closeOnClick:true});
});

现在overlay从顶部打开282px - 相对于窗口，而不是相对于body - 这就是问题所在。 （fixed:false - 代码的一部分确保叠加在滚动页面后保持位置。

当您处于页面顶部时，一切都很有效。 overlay正好打开我想要打开的位置 - 覆盖红色“砖”旁边的“砖块”。
但是，您立即向下滚动一下，然后点击overlay - 触发器，overlay仍然从窗口顶部向下282px。那不是我想要的。

• 这是我网站的链接：http://www.kiledesign.no

任何人都知道我怎么能按照我想要的方式工作？

文字内容采用挪威语

我看过这个：JqueryTools overlay position based on window size但是无法弄清楚如何使用，以及在哪里放置建议的代码。解决方案的链接不起作用。

Answer 1

经过一番来回，我终于想出了如何做到这一点。

只需将js-code中的top:282更改为top:top，叠加层的位置就会将其置于父元素的顶部。我不知道，我不记得曾在文档中看过这个......