jQuery・スクロールイベントでよく使う基本的な3つの .offset().top [IE7対応]

150922_001

Webサイト制作でちょくちょく使っている、スクロールイベントの offset().top 3つです。

ただスクロールイベント系は、プラグインがわりと充実していますから、それらを使うほうが効率的かもしれません。

目次

検証済みブラウザとOS

  • IE 7~
  • Firefox
  • Google Chrome
  • Safari
  • Windows 7
  • OS X Yosemite
  • iOS 9
  • Android 4.1 / 5

 

共通コード

  • 対象要素は section 直下の div
  • 発火要素は .active

 

対象要素がウィンドウ内に現れたら発火して終了

 

対象要素がスクロールバーより下へ行き、ウィンドウ内から消えたら元に戻る

 

対象要素トップから指定した高さが、ウィンドウトップに到達したら発火

コメントを投稿する

※メールアドレスは私にだけ届き、サイトには表示されません。
※「送信する」ボタンは、一度だけクリックしてお待ちください。