スクロールすると、サイドメニューがするーっとついてくるやり方

2016.03.07

コーディング

スクロールすると、サイドメニューがするーっとついてくるやり方

スクロールするつと、サイドメニューがついてくるやりた方ですが、
下記のサイトを参考にしました。

スクロールするとサイドメニューがついてくるjQuery | スターフィールド株式会社

javascript

$(function(){
 
	var nav = $(".nav");
	
	//navの位置	
	var navTop = nav.offset().top;
	
	//スクロールをするたびに実行
	$(window).scroll(function () {
		var winTop = $(this).scrollTop();
		nav.stop(); //これがないと連続して実行されたときに変な動きになります。
		//スクロール位置がnavの位置より下だったらクラスfixedを追加
		if (winTop >= navTop) {
			nav.addClass('fixed');
			nav.animate({top: winTop + "px"}, "slow");
			
		} else if (winTop <= navTop) {
			nav.removeClass('fixed');
		}
	});
});