ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery タグを指定して、ページ途中にある要素がスクロールしてトップの位置に来た時に固定するjqueryを紹介します。 ページ最上部を固定するならposition:fixed;でも対応できると思いますが、それ以外の中段にある要素(タグ)で固定したい場合に使ってみてはいかがでしょうか。 今回ご紹介するのは、○○PXスクロールしたらという物ではなく、この要素の位置に来たら固定するというものです。 応用すれば、サイドバーなども固定出来ますので、使い勝手は良いと思います。 まず、CSSとjQuery本体を読み込ませ、スクリプトを記述します。 (今回はグローバルナビで説明) HTML記述例(HEAD部) <html> <head> ・ ・ <link href="style.css" type="text/css" rel="st
![ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC](https://cdn-ak-scissors.b.st-hatena.com/image/square/d79b0b28277831b67785f60ef10f0369c69eeaf8/height=288;version=1;width=512/http%3A%2F%2Fweb-pc.net%2Fshop%2Fwp-content%2Fuploads%2F2013%2F05%2Ffixed1.jpg)