javascript - 调用 div 并将其放在页面中心？

Question

我想<div>使用hrefin跳转到目的地html。我正在使用 id<div>来调用<div>并成功跳转。这是我的代码。

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

但是<div>如果调用它，它的位置总是在页面的顶部。

我想要<div>页面中心的位置，当<div>被调用时甚至点击......我如何实现这一点，也许使用javascript？谢谢..

Answer 1

对于每个屏幕高度，

在这里查看演示http://jsfiddle.net/yeyene/J3zyq/1/

查询

$(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);
    });
});  

Answer 2

<a id="idx-link">click here</a>

js：

$('a#idx-link').click(function() {
    $('html, body').animate({
        scrollTop: ($("#idx").offset().top - 200)
    }, 800);
});

根据您希望 div 在动画之后的位置适当更改 200。