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;
}