0

まず、みんなにメリークリスマス

csschopper.comのように下にスクロールするときに、上部のナビゲーションメニューバーを上部に固定したい

これは position: fixed;cssプロパティによって発生しますが、cssメニューに入れると上部が修正されます。これにはJavaScriptコードが必要ですが、コードが正確に何であるかはわかりません。また、誰かが下にスクロールすると、csschopper.comのようなメニューの横に小さなロゴを表示したいと思います。

前もって感謝します。

4

2 に答える 2

4

コードは次のようになります。jsFiddleこの例では、2つのナビゲーションバーを作成しましたが、1つ作成してから、アイテムを追加することもできます。

これはjQueryコードなので、必ずjQueryライブラリをロードしてください。

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
于 2012-12-25T14:34:44.113 に答える
1

トップバーの初期位置は静的です。しかし、ユーザーがjqueryで次のようにスクロールする場合（onscrollイベントをキャッチする必要があります）：

$(window).scroll(function());

スクロール位置がヘッダーの高さよりも大きい場合、Javascriptはトップバーの位置を次のように修正します。

documentById().style.display

左のロゴも同じです。

于 2012-12-25T14:30:24.597 に答える