jQueryでスクロールすると上部に固定されるナビゲーション
jQueryでスクロールすると上部に固定されるナビゲーション グローバルナビゲーションはロゴの下に配置されていることが多いですが、スクロールするとナビゲーション部分だけが上部に固定されるようなものをjQueryでやってみたいと思います。 投稿日2012年02月21日 更新日2012年05月10日 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="
サイドバーをある範囲内で固定してスクロールに追尾させるjQuery [SOHO ホームページ制作 東京・新宿区 スマイルワークス ]
レイアウトの基本として、2カラムなどでメインのコンテンツとサイドバーにその他のページへのリンクなどを配置することは多々有ります。 コンテンツが長くなった場合、サイドバーはスクロールで隠れてしまい、ページ遷移におけるユーザビリティの低下が起こります。 これをコンテンツの縦幅に合わせてスクロールに追尾するスクリプトはいかがでしょうか？ どんなにコンテンツが長くなってもサイドバーは固定で表示されており、いつでも違うページヘの遷移が可能になります。 デモページ │ SMILEWORKS（当サイト） 実装 HTMLファイルには、サイドバーの固定したい要素を用意 この例では、サイドバーのクラス「fixedmenu」を固定表示にします。 <div id="main"> <div id="content"> コンテンツ部分 </div><!--end content--> <div id="side">
![サイドバーをある範囲内で固定してスクロールに追尾させるjQuery [SOHO ホームページ制作 東京・新宿区 スマイルワークス ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/e4d872b1aa6d96b8be4b2cb4bead0b8ec20fcdcb/height=288;version=1;width=512/http%3A%2F%2Fsmileworks.biz%2Fwp-content%2Fuploads%2Fsidebar_fixed_banner.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
