MENU

スクロールで特定の位置にまで行ったら実行

せっかくjQueryで動きを付けても、ページの表示と同時に実行されてしまうと、目につかない場合があります。

見せたい位置までスクロールしたら実行してあげましょう。

 

目次

簡単です!

動かしたい位置のタグにクラス名やid名を付けて「セレクタ」に入れる。

「特定の要素を超えた」のところに実行したいjQueryを入れる。

var thisOffset;
$(window).on('load',function(){
	thisOffset = $('セレクタ').offset().top + $('セレクタ').outerHeight();
});

$(window).scroll(function(){
	if( $(window).scrollTop() + $(window).height() > thisOffset){
		// 特定の要素を超えた
	} else {
		// 特定の要素を超えていない
	}
});

 

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

40代webクリエイター
1人が好き、家が好き、副業と投資でお金貯めてます
31歳で貯金200万円、41歳で2000万円、43歳で2400万円達成中

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次