固定標題列 JQuery scroll方式

	<!--hmtl標題列-->
	<nav>
	<ul>
	<li><a href="/archive">Archive</a></li>
	<li><a href="/events">Events</a></li>
	<li><a href="/contact">Contact</a></li>
	<ul>
	</nav>
	<!--JQuery-->
	$(window).scroll(function () {
	if ($(window).scrollTop() >= 300) {
	$('nav').addClass('fixed-header');
	}
	else {
	$('nav').removeClass('fixed-header');
	}
	});

view raw 標提列固定 jquery scroll hosted with ❤ by GitHub

標提列使用nav包覆  很簡單直接使用jquery scrollTop判斷
if(移動超過多少)

{

新增標提列

}

else{remove

}

我上面是用300因為我的banner是300高度  

當然可以用的效果不只這個，各位自己去摸索吧

效果展示如下: