さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】下スクロール、上スクロールしたときに、それぞれ処理を行う

Pocket
LINEで送る

下スクロール、上スクロールしたときに、それぞれ別の処理を行わせる方法です。

javascript

var scrollPos = 0;

$(window).on('scroll',function(){
	var currentPos = $(this).scrollTop();
	if (currentPos > scrollPos) {
		if(currentPos >= 150){
			// 下スクロールしたときの処理
		}
	} else {
		// 上スクロールしたときの処理
	}
	scrollPos = currentPos;
});

カテゴリー:JQuery, スクロール

コメントを残す

コメント内容