scivolo Jquery di fronte

Question

Solo una domanda veloce (si spera).

Voglio far scorrere una div davanti ad un altro div, con Jquery.

Non voglio nascondere un div e quindi far scorrere l'altra verso il basso e io non voglio spingere un div giù quando le altre diapositive.

Qualcuno sa un buon modo per fare questo, possibilmente con un plug-in per Jquery?

Answer 1

Usa posizionamento assoluto per div e non influenzano a vicenda quando scorrevole.

Answer 2

Tutto quello che dovete fare fondamentalmente è quello di utilizzare il posizionamento assoluto e controllo che uno è spettacolo via z-index. Il resto è semplice animazione

Controlla questo sito per un http://jsbin.com/egula/ ( http://jsbin.com/egula/edit per il codice sorgente)

per es.

div.first, div.second {
    position:absolute;
    top:20px;
    left:20px;
    background-color:red;
    height:100px;
    width:100px;
}
div.second {
    z-index:-20;
    background-color:yellow;
}

<div class="first">foo</div>
<div class="second">bar</div>

$(document).ready(function(){
    $(WHATEVERSELECTOR).click(function() { //or bind differently
        //jQuery core version
        $(".second").css("width", 0).css("z-index","1").animate({ width: "100px" }, 2000); 
        //use this line if have jQuery UI included anyway
        //$(".second").hide().css("z-index","1").show("slide", { direction: "left" }, 2000);
    });
});