定位導航-目標div應該始終位於容器頂部

Question

我要實現下一個行為：單擊鏈接與錨點鏈接時-目標div應該重新放置在其容器頂部的頂部（如果需要，應增加容器的高度）。 這是“ html / css-草稿” -http://jsfiddle.net/k2dGD/

請使用JavaScript幫助我。

HTML：

 <div class="triggers">
    <a href="#one">One</a>
    <a href="#two">Two</a>
    <a href="#three">Three</a>
    <a href="#four">Four</a>
    <a href="#five">Five</a>
</div>

    <div class="blocks">
    <div id="one" class="block">
        BLOCK ONE --- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem exercitationem dolores officiis omnis nostrum molestiae quo laboriosam iure placeat velit sit porro illum eius repellendus suscipit nemo dignissimos! Delectus atque.
    </div>
    <div id="two" class="block">
        BLOCK TWO --- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem exercitationem dolores officiis omnis nostrum molestiae quo laboriosam iure placeat velit sit porro illum eius repellendus suscipit nemo dignissimos! Delectus atque.
    </div>
    <div id="three" class="block">
        BLOCK THREE --- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem exercitationem dolores officiis omnis nostrum molestiae quo laboriosam iure placeat velit sit porro illum eius repellendus suscipit nemo dignissimos! Delectus atque.
    </div>
    <div id="four" class="block">
        BLOCK FOUR --- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem exercitationem dolores officiis omnis nostrum molestiae quo laboriosam iure placeat velit sit porro illum eius repellendus suscipit nemo dignissimos! Delectus atque.
    </div>
    <div id="five" class="block">
        BLOCK FIVE --- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem exercitationem dolores officiis omnis nostrum molestiae quo laboriosam iure placeat velit sit porro illum eius repellendus suscipit nemo dignissimos! Delectus atque.
    </div>
</div>

Answer 1

$(function(){

    $('.triggers a').click(function(){
        var $item = $( $(this).attr('href') );
        $(this).closest('div').next('.blocks').prepend( $item );
    });

});