タグ

ブックマーク / www.web-labo.jp (1)

  • フッターまでスクロールしたら発動するアクションをjQueryとJavaScriptで作ってみよう! | WEB-LABO

    フッターまでスクロールしたらページトップへのリンクを表示したり、ソーシャルボタンを表示したり非表示にしたりする制御をjQueryとJavaScriptで作ってみよう! 今日、授業でやった内容です。 動作サンプル 今回の動作サンプルは、このページをフッターまでスクロールして頂くとWEB-LABOのロゴがフェードインで表示されますので、それで代用します。 なお、上にスクロールしてフッターが見えなくなると、再びフェードアウトします。 動作のイメージ 説明上ページの長さが3000ピクセル。画面の高さが1000ピクセル。フッターの高さを500ピクセルとします。 ページが表示された場合は、最初は一番上部が表示されます。 スクロールしていくと長いページの一部が画面に表示されることになります。 そのままスクロールしていくと、画面とフッターが重なる瞬間が訪れます。今回は、それが発動のタイミングです。なお発動

    フッターまでスクロールしたら発動するアクションをjQueryとJavaScriptで作ってみよう! | WEB-LABO
  • 1