div를 jQuery를 통해 특정 페이지의 꼬리말 위에 두는 방법은 무엇입니까?

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를 사용해야합니다. 당신이 div을 편집 할 수없는 경우

Answer 2

위처럼, 당신은 단지 jQuery로를 추가해야 할 필요가 직접 바닥 글의 HTML에 ... 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> 

을이 시도 , CSS는 여전히 그 일을 할 것입니다. 일부 코드가 확실한 대답을 위해 필요합니다 있지만

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