0

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

这是有关创建主题的文档的链接。

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

Galleria 脚本在名为“galleria”的 div 中获取图像，并用它们制作幻灯片。一个基本要求是您在 CSS 中设置此 div 的高度。

我没有在关联的 CSS 文件中设置它，而是在获取浏览器窗口高度的 HTML 文档中使用 Javascript 设置了“galleria”div 的高度。我这样做的原因（而不是仅仅将高度设置为 100%）可以在这里完整看到，但本质上是因为我需要此 div 下方的内容，但仍希望页面在一直滚动时显示全屏画廊。

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

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

4

1 回答 1

1

使用像 jQuery 这样的库变得非常容易。

要获取 Galleria 元素的高度：

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
});
于 2012-07-29T23:46:33.070 回答