jquery - JQuery 缓动插件

Question

我想使用 JQuery 缓动导航到我页面中的命名部分，到目前为止它可以工作。

在其中一个部分中，我有一个表格，我希望它垂直和水平居中，所以我将它放在一个子 div 中，并垂直/水平居中。

我不知道该怎么做是更改 javascript，以便在跳转到表单部分时，表单缓和到页面的中间。

我正在使用以下代码块：

$('.nav a').bind('click',function(event){

    var $anchor = $(this);

    $('html, body').stop().animate({
        scrollTop: $($anchor.attr('href')).offset().top
    }, 1500,'easeInOutExpo');

    event.preventDefault();
});    
       ​

这是我所拥有的JSFiddle，任何人都可以启发我吗？谢谢！

http://jsfiddle.net/soraya_soch/LyDWH/

[编辑]

我的目标是在单击链接时，页面会缓和并集中表单的 div。

Answer 1

检查一下，它没有将表单 div 设置为垂直居中，这有助于实现如上图所示设置所需的输出，因为也没有给出垂直中心

http://jsfiddle.net/LyDWH/3/

对 CSS 和 HTML 页面进行了细微更改

div.cn {
    display: table-cell;
    width: 960px;
    height: 2000px;
    background: gray;
    text-align: center;
}

div.inner {
    display: inline-block;
    width: 200px;
    height: 200px;
    background: red;
    margin-top: 20%;
}
​