ガラ

ここからはじめよう

2019.03.06
jQuery

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

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

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

 

簡単です!

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

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

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

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

 

お勧めの記事

過去の記事