0

JQueryイージングを使用してページ内の名前付きセクションに移動したいのですが、これまでのところ機能しています。

あるセクションでは、縦横に中央揃えにしたいフォームがあるので、サブディビジョンに配置し、縦横中央に配置しました。

フォームセクションにジャンプしたときにフォームがページの中央に移動するように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を設定することです。 ここに画像の説明を入力してください

4

1 に答える 1

0

これを確認してください。フォーム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%;
}
​
于 2012-12-04T10:41:46.663 に答える