如何通过jQuery定位div以保持在特定页面上的页脚？

Question

我有一个2列的页面布局，我想添加一个div来保持在特定页面上的页脚上方。

如何通过jQuery完成？

谢谢！ 维克

Answer 1

如果您的DIV位于absolute或fixed，这将有效：

HTML：

<div id="footer"></div>
<div id="aboveFooter"></div>

JS：

var $footer = $('#footer');
var $aboveFooter = $('#aboveFooter');
$aboveFooter.css('top', ($footer.css('top') + $aboveFooter.height()) + 'px');

如果页脚不是绝对坐标，则需要使用相对CSS。

Answer 2

尝试使用CSS解决方案......

<style type="text/css">
footer { 
    position: relative;
}
div#above {
    position: absolute;
    height: 30px;
    top: -30px;
}
</style>

body<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<footer>
    footer
    <div id="above">above</div>
</footer>

如果你不能直接在页脚的html中编辑div，就像上面那样，那么你只需要用jquery附加它，CSS仍然可以完成它的工作。

$('footer').append('<div id="above">above</div>');