追記:iPhoneなどのスマホでも気持ちよくなるように修正 なんか最近スマホサイトとかでよく見る、ちょっとスクロールすると、ページ途中にあるメニューがヘッダーに固定されるようなやつ。ヘッダー全体が最初から固定なんじゃなくて、流動的っぽいの。試しに実装してみた。 jQuery使ってるけど、特にjQueryである必要はない。普通のJavaScriptなら、document.getElementById().offsetTopでOK。 <header> <h1>Title</h1> <nav id="global-nav"> <a href="">hogehoge</a> </nav> </header> <section> <p>piyopiyo</p> </section> jQuery(function() { var nav = jQuery('#global-nav'); // メニュ