javascript - div を呼び出してページの中央に配置しますか?

Question

in<div>を使って目的地にジャンプしたい。の id を使用してを呼び出し、正常にジャンプしています。これが私のコードです。hrefhtml<div><div>

   <a href='#idx'>click here</a>
            |
            |
            |
            |
<div id="idx">test scroll up</div>

ただし、<div>呼び出された場合、の位置は常にページの上部になります。

<div>クリックしても呼び出されたときに、ページの中央に位置が必要<div>です...どうすればJavaScriptを使用してそれを達成できますか? ありがとう..

Answer 1

画面の高さごとに、

ここでDEMOをチェックhttp://jsfiddle.net/yeyene/J3zyq/1/

Jクエリ

$(document).ready(function() {
    $('a#gotoID').click(function() {
        var id_offset = ($(window).height() - $('#idx').height())/2;
        $('html, body').animate({
           scrollTop: ($("#idx").offset().top - (id_offset/1.5))
        }, 800);
    });
});