CSSとJSで、スクロールして一定の場所を過ぎると、上部固定するメニューを作る - Qiita追記：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'); // メニュ
