JQUERY

Question

我想使用<div>中的href跳转到目的地html。我使用<div>的ID来调用<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/

JQUERY

$(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.

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

2 个答案:

JQUERY