フッターまでスクロールしたらページトップへのリンクを表示したり、ソーシャルボタンを表示したり非表示にしたりする制御をjQueryとJavaScriptで作ってみよう! 今日、授業でやった内容です。 動作サンプル 今回の動作サンプルは、このページをフッターまでスクロールして頂くとWEB-LABOのロゴがフェードインで表示されますので、それで代用します。 なお、上にスクロールしてフッターが見えなくなると、再びフェードアウトします。 動作のイメージ 説明上ページの長さが3000ピクセル。画面の高さが1000ピクセル。フッターの高さを500ピクセルとします。 ページが表示された場合は、最初は一番上部が表示されます。 スクロールしていくと長いページの一部が画面に表示されることになります。 そのままスクロールしていくと、画面とフッターが重なる瞬間が訪れます。今回は、それが発動のタイミングです。なお発動
![フッターまでスクロールしたら発動するアクションをjQueryとJavaScriptで作ってみよう! | WEB-LABO](https://cdn-ak-scissors.b.st-hatena.com/image/square/e41744107f64767056ffb900590d07483e4adbb0/height=288;version=1;width=512/http%3A%2F%2Fwww.web-labo.jp%2Fwp-content%2Fuploads%2F2014%2F11%2F20141106footer_action1.png)