sticky 내비게이션 만들기

sticky 내비게이션은 스크롤시 페이지 상단에 고정되는 내비게이션이다. css의 postition:sticky 속성을 이용해 간단히 해당 내비게이션을 만들 수 있다. IE는 지원하지 않으며, Edge 16+, Firefox 32+, Chrome 56+ 지원한다.

const agent = navigator.userAgent.toLowerCase();

// skip IE browser
if ( 
	(navigator.appName == 'Netscape' && agent.indexOf('trident') != -1) || 
	(agent.indexOf("msie") != -1)
) {
	return;
} else {
	$("#selector").addClass("sticky");
}

#selector.sticky {
	position: sticky;
	top: 0;
	z-index: 100;
}