divをjQueryを通じて特定のページのフッターの上に置く方法

Question

私は2列のページレイアウトを持っており、divを追加して特定のページのフッターのすぐ上にとどまりたいと思います。

これはjQueryを使ってどのように行うことができますか？

ありがとうございます！ ヴィック

Answer 1

あなた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を使用する必要があります。

Answer 2

あなたは上記のように、そしてあなただけのjQueryを使ってそれを追加する必要がある必要がありますが、フッターのHTMLに直接divを編集することができない場合

<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> 

... CSSソリューションのためにこれを試してみてください、CSSはまだその仕事をします。いくつかのコードは、決定的な答えのために必要とされるであろうが、

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