如何通过jQuery将div保留在特定页面的页脚之上？

我有一个2栏的页面布局，我想添加一个div，使其停留在特定页面的页脚上方。如何通过jQuery将div保留在特定页面的页脚之上？

这怎么能通过jQuery来完成？

谢谢！维克

来源

2012-04-03 Snowalker

CSS听起来像一个更好的选择，但也有一些代码将需要一个明确的答案。 – 2012-04-03 14:23:53

我不认为有通过CSS来做到这一点的方法。我认为如果我能找到#footer的位置，我可以在它上面添加想要的div，但这可以通过jQ来完成。 – Snowalker 2012-04-03 14:26:54

没有更详细的问题，任何人都很难知道你想要什么 – trapper 2012-04-03 14:29:40

如果您DIV s为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。

来源

2012-04-03 14:32:33 Terry

页脚不是绝对/固定的。你可以提供更多的细节如何使用相对定位做到这一点？我认为不可能通过CSS，但如果你这么说，我会试试看。 – Snowalker 2012-04-03 14:45:21

试试这个的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>

如果您不能编辑div直接进入页脚的HTML，如上面的，那么你就需要只需要使用jQuery追加它，CSS仍然会完成它的工作。

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

来源

2012-04-03 14:34:33 trapper

这不是要做的工作，因为我想将div添加到特定页面，页脚动态添加到每个页面... – Snowalker 2012-04-03 14:43:44

用jQuery更新以动态插入div – trapper 2012-04-03 14:58:13

如何通过jQuery将div保留在特定页面的页脚之上？

回答

相关问题