Question

我目前正在为流行的jquery图库脚本Galleria创建一个主题。

Here's a link到有关创建主题的文档。

我的主题基于默认主题“经典”，这就是我需要做的事情。

Galleria脚本在名为“galleria”的div中拍摄图像，并从中进行幻灯片放映。基本要求是在CSS中设置此div的高度。

我没有在相关的CSS文件中设置它，而是在HTML文档中使用Javascript设置了“galleria”div的高度，该文档提取了浏览器窗口的高度。我这样做的原因（而不仅仅是将高度设置为100％）可以在完整here中看到，但实质上是因为我需要在此div下方的内容，但仍然希望页面在滚动时显示全屏图库上去了。

以上情况很好，但现在我需要设置由Galleria脚本创建的各种元素的位置，作为取决于此计算高度的值。

在我的theme.js中，如何获取上面计算的“galleria”div的高度？然后我如何根据这个设置Galleria DOM结构中另一个元素的位置？

Answer 1

使用像jQuery这样的库变得非常简单。

要获得拱廊元素的高度：

val galleria_height = $("#galleria");

将元素放置在galleria元素内（假设绝对定位）：

val galleria_offset = $("#galleria").offset()
val relativeTop = 10;
val relativeLeft = 10;

// Position the element at (10, 10) relative to galleria
$("#some_element").offset({
    top: galleria_offset.top + relativeTop,
    left: galleria_offset.left + relativeLeft
});

如何从jquery主题脚本文件中访问HTML文档中设置的div的高度？

1 个答案: