サイドバーをある範囲内で固定してスクロールに追尾させる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)
少ないコードでページ内を自在にスクロールさせるjQuery [虚仮の一念…SMILEWORKS BLOG]
