jquery - 滚动到 DIV 的垂直中间

Question

我有一个单页设计，其中有一些 div 在一起。当我单击菜单链接(“3”)时，我想滚动到 div #3，它应该位于屏幕的垂直中间。

我尝试过:

$('#go').click(function() {
$('html,body').animate({ scrollTop: $(.box).offset().top - ( $(window).height() -
$(.box).outerHeight(true) ) / 2  }, 200);
});

这不起作用。我忘记了什么？

这是一个 fiddle :http://jsfiddle.net/herrfischerhamburg/7CVtm/1/

Answer 1

您需要将选择器括在引号中:$('.box')

$('#go').click(function (e) {
    e.preventDefault();
    var $box = $('.box').eq(2); // select the third box

    $('html, body').animate({
        scrollTop: $box.offset().top - ($(window).height() - $box.outerHeight(true)) / 2
    }, 200);
});

Updated fiddle