fixed_navi_jquery

どうも。
ブログのPC表示をリニューアルしました。

今回はPCで表示する際に、上部ナビゲーションを固定する方法を解説しますよ~。

マウススクロールすると、途中でブラウザウィンドウの上部にカチッと固定になるあのパターンです。

スマホサイトの方は是非PCでこのブログを見てくださいね~。


スポンサードリンク


jQueryで固定ヘッダによるページ内リンクへのかぶりを調整する方法 - 160228追記

ヘッダやナビゲーションを固定にすると、記事の中にあるページ内リンクをクリックした際に、固定にしている分がリンク先の先頭にかぶってしまうという問題があります。

自分はこれに対し、spanやらiやらでリンク先をわざわざ用意して、CSSでそれを固定ヘッダ分だけ上にずらして対応していました。

しかしもっとスマートな方法があったのですね。

↓↓↓

このうちjQueryを使う方法を早く知っていれば…。
これは是非おすすめです。


スポンサードリンク

この記事が役立ちましたら「いいね!」などクリックお願いします!

ブログランキング・にほんブログ村へ とれまが人気ブログランキング アフィリエイト
最新記事 - トップinfoに戻る 記事一覧 - サイトマップ 海外旅行情報ブログやってます - トラベルナビリンク