【JQuery】指定要素がスクロールしてページトップにきたらfixedにする
指定した要素がスクロールによりページトップにきたら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'}); } }); });
コメントを残す