jQueryでスクロールすると上部に固定されるナビゲーション

Posted: 2012.02.21 / Category: javascript / Tag: jQuery グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 html & css htmlです。 html <h1><a href="#">タイトル</a></h1> <div class="nav"> <ul class="clearfix"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">LINK</a></li> </ul> <!-- /#nav --></div> <div id="artic

[lingling_yas]

“<script type="text/javascript">$(function() { var nav = $('.nav'); //navの位置 var navTop = nav.offset().top; //スクロールするたびに実行 $(window).scroll(function () { var winTop = $(this).scrollTop(); //スクロール位置がnavの位置より下だったらクラスfixedを追

[KitAMiyAko]

　追従

[qinmu]

JavaScript。

[laconic]

途中から固定ナビ

[takaken1123]

[2015-06-14 12:50]

[haryu0320]

“.fixed { position: fixed; top: 0; left: 0; width: 100%;}”

[kadokurarara]

どこかの要素に来た時にヘッダー固定したい場合にも使える。

[civatan55]

ヘッダ固定

[sometk]

スクロールのちのナビを上部固定。わかりやすい

[web_shufu]

でスクロールすると上部に固定されるナビゲーション | webOpixel

[billy_brownjp]

JS navi固定

[unitedstyle]

スクロール関係

[kuri96]

スクロール関係

[works_ma]

固定

[rion1220]

【重要】

[shibacat14]

j

[richard_raw]

固定ナビゲーション。動作が軽いですな。

[norip44]

これこれ、知りたかったjQueryのはなし。

[nakanushi]

あとでつかう

[ko-ya-ma]

スクロールさせると、メニューだけが上部に取り残されるナビゲーションのサンプル

[tpex_ovon]

なるほど

[Leonk]

web JQuery スクロール

[himoton]

使えそう！

[dekatotoro]

jQueryでスクロールすると上部に固定されるナビゲーション

[ku_marin]

自然に馴染む感じでいいなぁ。IE6未対応

[nebos]

試しにつくってみたい

[kkeisuke]

offset

[y-kawaz]

Bootstrap2であったね。

[warriorking]

jQueryでスクロールすると上部に固定されるナビゲーション | webOpixel

[hirosuke768]

地味に便利。