TechCrunch.com のような WordPress を利用した Web サイトのナビゲーション メニューを修正するにはどうすればよいですか (スクロール中に上部に固定されます)。
7859 次
1 に答える
3
ナビゲーションを常にサイトの上部に表示するには、メニュー コンテナーに次の CSS を使用します。
left: 0;
top: 0;
position: fixed;
padding: 5px 0;
width: 100%;
text-align: center;
次に、JavaScript を使用して、ユーザーが下にスクロールした場合にロゴのサイズを変更できます。jQueryライブラリを使用してナビゲーションバーの位置を確認し、ユーザーがナビゲーション上部の高さを超えてスクロールした場合に位置を変更し、ウィンドウの上に置いて、もちろんユーザーがスクロールしたときにプロセス全体を繰り返すことをお勧めします。
ここで簡単なチュートリアルを見つけることができます
jQuery コードを header.php ファイルに配置する必要があります。最初に jquery ライブラリをアタッチしてから、ヘッダー php<script type="text/javascript" src="/scripts/jquerylibrary.js"></script>のタグ内にもコードを配置します。<script>
于 2012-11-03T08:06:21.070 に答える