0

私は現在、個人的なポートフォリオを構築しており、javascript の実用的な知識はあまりありませんが、多くのチュートリアルを経て、他の場所で見たものを実装しようと決めました: 取り外し可能なナビゲーション.

このサイトhttp://code.stephenmorley.org/javascript/detachable-navigation/を参照として使用して、切り離しナビゲーションの作成に取り掛かりました。しかし、何かがひどく間違っていました。

1 つには、ヘッダーがデフォルトの位置に戻るのではなく、自動的に左に揃えられます。

2 つ目は、まだ実装されていないことですが、ソーシャル アイコンをアニメーションを使用してスクロールしたときに、ナビゲーションに表示されるようにしたかったことです。そのコードは非常に複雑だったので、破棄しました。

任意のポインタをいただければ幸いです。

4

1 に答える 1

2

ブートストラップを使用しないのはなぜですか? これはすでに組み込まれています:http://twitter.github.com/bootstrap/components.html#navbar

  1. ブートストラップをダウンロード: http://twitter.github.com/bootstrap/assets/bootstrap.zip

  2. ブートストラップ Javascript と CSS をページに追加します。

  3. HTML に、次の DIV を追加します。

必要に応じて div を変更できます。

<div class="navbar navbar-fixed-top">
    <li class="active">
        <a href="#">Home</a>
    </li>
    <li><a href="#">Link</a></li>
    <li><a href="#">Link</a></li>
</div>
于 2013-02-09T19:34:45.367 に答える