많은 친구들이 블로그 상단의 스크롤 내비게이션 메뉴에 대한 코드를 다양한 방법으로 문의해왔습니다. 사실 별 내용은 아니지만 수요가 있으니 참고하실 수 있도록 이 부분의 코드를 정리하겠습니다. 코드 복사 코드는 다음과 같습니다. Float Div <br>#zealNavigatorBar { <br> position: absolute; <br> z-index: 100; <br> width: 760px; <br> height: 32px; <br> line-height: 32px; <br> top: 0px; <br> left: 0px; <br> padding: 0px; <br> margin: 0px; <br> border-bottom:1px solid #646465; <br> background-color: #C0C0C3; <br>} <br> Anything here Anything here Anything here <br>for(var t=0;t<1000;t ) document.writeln('테스트 내용: line ' t '<br />'); <br> <br>var g_myBodyInstance = document.body; <br>var g_myBodyInstanceString = "document.body"; <br>if(document.compatMode != "BackCompat"){ <br> // for looser.dtd <br> g_myBodyInstance = document.documentElement; <br> g_myBodyInstanceString = "document.documentElement"; <br>} <br>var isMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 && <br> parseFloat(navigator.appVersion) >= 4) ? 1: 0; <br>var isMinNS5 = (navigator.appName.indexOf("Netscape") >= 0 && <br> parseFloat(navigator.appVersion) >= 5) ? 1: 0; <br>var isMinIE4 =(document.all) ? 1: 0; <br>var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1: 0; <br>var isMacIE = (isMinIE4 && navigator.userAgent.indexOf("Mac") >= 0) ? 1: 0; <br><br>var getFFVersion=navigator.userAgent.substring( <br> navigator.userAgent.indexOf("Firefox")).split("/")[1]; <br>//FireFox 1.0 브라우저의 iframe에 추가할 추가 높이(px) <br>var FFextraHeight=getFFVersion<1.5? 16 : 0; <br><br><BR>function getLayer(이름) { <BR> if (isMinNS5) <BR> return document.getElementById(이름); <BR> else if (isMinIE4) <BR> return eval('document.all.' name); <BR> else if (isMinNS4) <BR> return findLayer(이름, 문서); <br><br> null을 반환합니다. <BR>} <br><br>function findLayer(이름, 문서) { <br><br> var i, layer; <br><br> for (i = 0; i < doc.layers.length; i ) { <BR> layer = doc.layers[i]; <BR> if (layer.name == name) <BR> return 레이어; <BR> if (layer.document.layers.length > 0) { <br> layer = findLayer(이름, layer.document); <br> if (레이어 != null) <br> 레이어 반환; <br> } <br> } <br><br> return null; <br>} <br><br>function moveLayerTo(layer, x, y) { <br> if (isMinIE4) { <br> layer.style.left = x; <br> layer.style.top = y; <br> } <br> else if (isMinNS5) { <br> layer.style.left = x 'px'; <br> layer.style.top = y 'px'; <br> } <br> else if (isMinNS4) <br> layer.moveTo(x, y); <br>} <br><br>function getPageLeft(layer) { <br><br> if (isMinIE4||isMinNS5) <br> return(layer.offsetLeft); <br> else if (isMinNS4) <br> return(layer.pageX); <br> 반환(-1); <br>} <br><br>function getPageTop(layer) { <br><br> if (isMinIE4||isMinNS5) <br> return(layer.offsetTop); <br> else if (isMinNS4) <br> return(layer.pageY); <br> 반환(-1); <br>} <br><br>function getPageScrollX() { <br><br> if (isMinIE4||isMinNS5) <br> return(g_myBodyInstance.scrollLeft); <br> else if (isMinNS4) <br> return(window.pageXOffset); <br> 반환(-1); <br>}<br><br>함수 getPageScrollY() { <br><br> if (isMinIE4||isMinNS5) <br> return(g_myBodyInstance.scrollTop); <br> else if (isMinNS4) <br> return(window.pageYOffset); <br> 반환(-1); <br>} <br><br>var g_p_zealNavigatorBar = null; <br>g_p_zealNavigatorBar = getLayer('zealNavigatorBar'); <br>if(!isMinIE4){g_p_zealNavigatorBar.style.position = 'fixed';} <br>함수 reposzealNavigatorBar(){ <br> if(isMinIE4){ <br> 시도{ <br> moveLayerTo(g_p_ zealNavigatorBar, <br> getPageLeft(g_p_zealNavigatorBar), <br> getPageScrollY()); <br> }catch(e){} <br> } <br>} <br>window.onresize = reposzealNavigatorBar; <br>window.onscroll = reposzealNavigatorBar; <br>window.onload = reposzealNavigatorBar; <br>