グローバルナビを上部に固定してスクロールする小さくする2つのポイント | MK2-BLOG～西宮のWEBデザイナー日記

最近スマホ対応を標準で行っているMK2-STYLEです。レスポンシブ、スマホ対応は当たり前の時代になってきました。 そこで最近よく見かけるグローバルナビが上に固定されて、スクロールすると少し小さくなる方法を備忘録としてメモ。 コンテンツが長くなると、ナビゲーションを見るためにいちいち上に戻らないといけないのは面倒です。 なので、ナビゲーションは常に上部分に固定されている方が便利ですよね。 HTML記述方法 ＜head＞＜/head＞内にjQueryとjavascriptを記述 <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script type="text/javascript"> jQuery(function($) { var nav = $('.navi'), offset = nav.off

[scarlett_sanshiru]

上部 ナビ　メニュー　が固定。　スクロール