>  기사  >  웹 프론트엔드  >  blog_javascript 스킬 상단의 스크롤 내비게이션 바코드에 대하여

blog_javascript 스킬 상단의 스크롤 내비게이션 바코드에 대하여

WBOY
WBOY원래의
2016-05-16 19:26:011154검색

많은 친구들이 블로그 상단의 스크롤 내비게이션 메뉴에 대한 코드를 다양한 방법으로 문의해왔습니다. 사실 별 내용은 아니지만 수요가 있으니 참고하실 수 있도록 이 부분의 코드를 정리하겠습니다.

코드 복사 코드는 다음과 같습니다.




Float Div







for(var t=0;t<1000;t ) document.writeln('테스트 내용: line ' t '');


var g_myBodyInstance = document.body;
var g_myBodyInstanceString = "document.body";
if(document.compatMode != "BackCompat"){
    // for looser.dtd
    g_myBodyInstance = document.documentElement;
    g_myBodyInstanceString = "document.documentElement";
}
var isMinNS4 = (navigator.appName.indexOf("Netscape") >= 0 &&
               parseFloat(navigator.appVersion) >= 4) ? 1: 0;
var isMinNS5 = (navigator.appName.indexOf("Netscape") >= 0 &&
               parseFloat(navigator.appVersion) >= 5) ? 1: 0;
var isMinIE4 =(document.all) ? 1: 0;
var isMinIE5 = (isMinIE4 && navigator.appVersion.indexOf("5.") >= 0) ? 1: 0;
var isMacIE = (isMinIE4 && navigator.userAgent.indexOf("Mac") >= 0) ? 1: 0;

var getFFVersion=navigator.userAgent.substring(
                  navigator.userAgent.indexOf("Firefox")).split("/")[1];
//FireFox 1.0 브라우저의 iframe에 추가할 추가 높이(px)
var FFextraHeight=getFFVersion<1.5? 16 : 0;


function getLayer(이름) {
  if (isMinNS5)
    return document.getElementById(이름);
  else if (isMinIE4)
    return eval('document.all.'   name);
  else if (isMinNS4)
    return findLayer(이름, 문서);

  null을 반환합니다.
}

function findLayer(이름, 문서) {

  var i, layer;

  for (i = 0; i < doc.layers.length; i ) {
    layer = doc.layers[i];
    if (layer.name == name)
      return 레이어;
    if (layer.document.layers.length > 0) {
      layer = findLayer(이름, layer.document);
      if (레이어 != null)
        레이어 반환;
    }
  }

  return null;
}

function moveLayerTo(layer, x, y) {
  if (isMinIE4) {
    layer.style.left = x;
    layer.style.top  = y;
  }
  else if (isMinNS5) {
    layer.style.left = x 'px';
    layer.style.top  = y 'px';
  }
  else if (isMinNS4)
    layer.moveTo(x, y);
}

function getPageLeft(layer) {

  if (isMinIE4||isMinNS5)
    return(layer.offsetLeft);
  else if (isMinNS4)
    return(layer.pageX);
  반환(-1);
}

function getPageTop(layer) {

  if (isMinIE4||isMinNS5)
    return(layer.offsetTop);
  else if (isMinNS4)
    return(layer.pageY);
  반환(-1);
}

function getPageScrollX() {

  if (isMinIE4||isMinNS5)
    return(g_myBodyInstance.scrollLeft);
  else if (isMinNS4)
    return(window.pageXOffset);
  반환(-1);
}

함수 getPageScrollY() {

  if (isMinIE4||isMinNS5)
    return(g_myBodyInstance.scrollTop);
  else if (isMinNS4)
    return(window.pageYOffset);
  반환(-1);
}

var g_p_zealNavigatorBar = null;
g_p_zealNavigatorBar = getLayer('zealNavigatorBar');
if(!isMinIE4){g_p_zealNavigatorBar.style.position = 'fixed';}
함수 reposzealNavigatorBar(){
    if(isMinIE4){
        시도{
            moveLayerTo(g_p_ zealNavigatorBar, 
                      getPageLeft(g_p_zealNavigatorBar),
                     getPageScrollY());
        }catch(e){}
    }
}
window.onresize = reposzealNavigatorBar;
window.onscroll = reposzealNavigatorBar;
window.onload = reposzealNavigatorBar;



성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.