Question

我正在构建一个Wordpress主题，我的页脚位置有问题。索引页面很好，我在style.css margin-top of“footer”中定义，女巫持有bipimage到900px，margin-top为“foot_sadrzaj”到918px，因为“foot_sadrzaj”包含文本和图像。这是链接：http://casabianca.ba/test/

好吧，如果我转到页面，页面的内容就在，或者在显示帖子时，在。我写了一些JS代码来改变页脚和foot_sadrzaj的位置，取决于sadrzaj或sadrzaj_single的位置和高度，包含内容的元素，但它不起作用（如：http://casabianca.ba/test/novosti/）....你能帮助吗？我弄明白为什么？

这里是代码：

var div = getElementById('sadrzaj');
var div2 = getElementById('sadrzaj_single');


if (div) {
    var z = div.style.offsetTop+div.style.offsetHeight;
    getElementById('footer').setAttribute(
            "style", "marginTop:" + z.toString() + "px");
    getElementById('foot_sadrzaj').setAttribute(
            "style", "marginTop:" + (z+18).toString() + "px");
}
else if (div2) {
    var z = div2.style.offsetTop+div2.style.offsetHeight;
    getElementById('footer').setAttribute(
            "style", "marginTop:" + z.toString() + "px");
    getElementById('foot_sadrzaj').setAttribute(
            "style", "marginTop:" + (z+18).toString() + "px");
}

Answer 1

如果可能，您可以尝试jQuery。

jQuery有很多定位选项，包括CSS样式。

http://api.jquery.com/css/

使用JavaScript更改元素的位置

1 个答案: