Tweet

Pocket

指定した要素がスクロールによりページトップにきたら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'});
		}
	});
});