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

【JQuery】指定要素がスクロールしてページトップにきたらfixedにする

Pocket
LINEで送る

指定した要素がスクロールによりページトップにきたらfixedに変わるJQueryコードです。

Javascript

$(document).ready(function() {
	var offset = $('fiexdにしたい要素').offset();
	$(window).on('scroll touchmove',function(){
		if( $( window ).scrollTop() > offset.top ) {
			$('fiexdにしたい要素').css({'position':'fixed', 'top':'0'});
		} else {
			$('fiexdにしたい要素').css({'position':'absolute', 'top':'60px'});
		}
	});
});

カテゴリー:HP制作, JQuery

コメントを残す

コメント内容