2012-12-04 35 views
0

我想使用JQuery緩動導航到我的頁面中的命名節,到目前爲止它的工作原理。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/

[編輯]

我的目標是在點擊鏈接時,該頁面簡化了下來,ceters形式的股利。 enter image description here

+0

你想要表單部分從左到中間緩動?請說清楚 –

回答

0

檢查了這一點,它不設置形式格垂直居中,這是在實現設定所需的輸出,如上圖中因爲還vertival中心沒有給予什麼幫助

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%; 
} 
​