0

現在、Wordpress テーマのスタイルを変更していて、固定ナビゲーション バーを実装したいと考えています。position:fixed をヘッダー領域に追加することで、なんとか実装できました。

そもそもメニューがかなり大きいので、下にスクロールするときは小さくしたいと思います。つまり、ユーザーがウェブサイトにアクセスしたとき、メニューの高さは 75px で、下にスクロールすると約 40 ～ 50px に減少します。

簡単なスケッチ: http://i.imgur.com/iICQkfF.png

これを実装する方法について何か提案はありますか?

乾杯、フィリップ

4

2 に答える 2

1

WordPress について質問されているので、jQuery を使用しても問題ないと思います。
イベントをリッスンし$(window).scroll()、ユーザーがスクロールした量に基づいてメニューのサイズを変更するだけです (これは で取得できます$(window).scrollTop())。簡単なデモ:

http://jsfiddle.net/FMypW/1/

(これは実際のメニューではなく、機能の動作を示しているだけです)

于 2013-04-28T10:28:19.750 に答える