スペースを有効に、jQueryでスクロールすれば現れるコンテンツ

このブログのように2カラムのレイアウトでメインコンテンツが長いと、スクロールしたときにサイドのスペースがなくなってしまいもったいないですよね。 サイドのコンテンツが終わった時点で固定されたコンテンツが現れたら無駄なくスペースを使えるのではないでしょうか。 ということで、サイドのコンテンツが終わったら固定されたコンテンツが現れるようにする方法を紹介します。 説明が下手で、イメージしにくい方もおられると思いますので、サンプルを用意しました。 イメージできましたでしょうか？ HTML 現れるボックスに何を表示するかによって中身も違ってくるので、とりあえず外枠だけ載せておきます。 <div id="fixed-box"> この中に表示したいコンテンツの内容を記述します。 </div> 挿入場所はサイドのコンテンツと同じ場所にします。 私は、はてブやツイートのボタン、ページ上部までスクロールするボタ

[kaznak_com]

via Instapaper: JavaScript & jQuery http://www.instapaper.com/u/folder/1740865/javascript-jquery

[akihisasakata]

”あき”－－－－★★★ブログテクニック★

[poyosi]

スクロールして指定の値までスクロールしたあとにコンテンツを表示するサンプル（解説あり）

[magpepen]

ついてくるのではなくて現れる

[glat_design]

まさに全く同じことをやろうとしてたので真似させて頂きますｗ

[susi-paku]

おお！これはよいかも。('A')っ｜スペースを有効に、jQueryでスクロールすれば現れるコンテンツ｜Webpark

[rcorco]

なんか使えるかも

[actywave]

たしかに〜！

[teramako]

jsを動かさない設定だとコンテンツが中途半端にfixedで表示されるから、CSSで非表示⇒jQueryで可視化の方が良い。 // あと、空きがあるなら普通に追加しろよ。わざわざa11y下げてどうする。

[abeshin22]

気になるぅ→ スペースを有効に、jQueryでスクロールすれば現れるコンテンツ｜Webpark