1

ページをアニメーション化する方法についてのアドバイスを探しています。ある種のフルページスライダーを実行していますが、ナビゲーションリンクがクリックされたときに他のdivまでスクロールダウンしたいと思います。現在「ホーム」で動作していますが、ページ全体をスクロールしているため、ナビゲーションバーが消えます（これを修正したままにしておきます）。また、.click関数によって呼び出されるまで、これらのdivを非表示にします。

これがscrollToJSです：

$(function() {
// when you click the link w/ a id of home'
 $('#home').click(function() {
    // scroll to the DIV w/ an ID of 'homeDiv'
    $.scrollTo( '#homeDiv', 800, {easing:'swing'} );
 });
});

完全なコード： http ： //jsfiddle.net/hvYzm/3/scrollToライブラリはjsFiddleにリンクされていません。

どんなアドバイスも大歓迎です。私はこれに慣れていないので、このようなことの多くはより良い方法で行うことができると確信しています:)

4

1 に答える 1

1

スクロールしながら移動する場合は、ナビゲーションバーの位置を固定する必要があります。

nav {
    padding-left: 16%;
    margin-bottom: 10px;
    text-align: left;
    border-bottom-style:solid;
    border-width:1px;
    background: transparent;
    position:fixed;
    z-index:1000;
}

http://jsfiddle.net/3ZLt7/

于 2012-11-09T16:08:50.373 に答える