jQuery Tools |相对于主体而非浏览器窗口的覆盖位置



我的覆盖位置有问题。据我所知,我可能使用了错误的方法,但我的情况是:

我想要一个覆盖显示在我的页面上的特定位置
我把它用于jQuery Tools Overlay(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根据窗口大小覆盖位置,但不知道如何使用建议的代码,以及将其放在哪里。与解决方案的链接不起作用

经过一番反复,我终于找到了如何实现这一点。

只需在js代码中将top:282更改为top:top,覆盖层的位置就会将其自身置于父元素的顶部。我不知道,我也不记得在文档中见过这个。。。

最新更新