Avatar billede dkkarpen Nybegynder
15. september 2002 - 18:21 Der er 1 kommentar og
1 løsning

Placering på x-akse

Halløj

Jeg fandt det her script til at flytte et layer når en bruger scroller ned af siden. Men jeg kan kun styre den vertikale placering. Hvordan styrer jeg den horisontale?

window.onerror = null;

var topMargin = -1;
var menu1Time = 1000;
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);

function layerObject(id,left) {
  if (ns6) {
    this.obj = document.getElementById(id).style;
    this.obj.left = left;
    return this.obj;
  } else if(ie4) {
    this.obj = document.all[id].style;
    this.obj.left = left;
    return this.obj;
  } else if(ns4) {
    this.obj = document.layers[id];
    this.obj.left = left;
    return this.obj;
}
}

function layerSetup() {
  floatLyr = new layerObject('menu1', pageWidth * .15);
  window.setInterval("main()", 10)
}

function floatObject() {
if (ns4 || ns6) {
  findHt = window.innerHeight;
  } else if(ie4) {
    findHt = document.body.clientHeight;
  }
}

function main() {
  if (ns4) {
    this.currentY = document.layers["menu1"].top;
    this.scrollTop = window.pageYOffset;
    mainTrigger();
  } else if(ns6) {
    this.currentY = parseInt(document.getElementById('menu1').style.top);
    this.scrollTop = scrollY;
    mainTrigger();
  } else if(ie4) {
    this.currentY = menu1.style.pixelTop;
    this.scrollTop = document.body.scrollTop;
    mainTrigger();
}
}

function mainTrigger() {
  var newTargetY = this.scrollTop + this.topMargin;
  if ( this.currentY != newTargetY ) {
    if ( newTargetY != this.targetY ) {
      this.targetY = newTargetY;
      floatStart();
    }
    animator();
  }
}

function floatStart() {
  var now = new Date();
  this.A = this.targetY - this.currentY;
  this.B = Math.PI / ( 2 * this.menu1Time );
  this.C = now.getTime();
  if (Math.abs(this.A) > this.findHt) {
    this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt;
    this.A = this.A > 0 ? this.findHt : -this.findHt;
  } else {
    this.D = this.currentY;
  }
}

function animator() {
  var now = new Date();
  var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D;
  newY = Math.round(newY);
  if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
    if ( ie4 )document.all.menu1.style.pixelTop = newY;
      if ( ns4 )document.layers["menu1"].top = newY;
        if ( ns6 )document.getElementById('menu1').style.top = newY + "px"; 
  }
}

function startit() {
  if(ns6||ns4) {
    pageWidth = innerWidth;
    pageHeight = innerHeight;
    layerSetup();
    floatObject();
  } else if(ie4) {
    pageWidth = document.body.clientWidth;
    pageHeight = document.body.clientHeight;
    layerSetup();
    floatObject();
  }
}
Avatar billede dkkarpen Nybegynder
15. september 2002 - 18:42 #1
Jrg vil sådan set bare have en fast horisontal placering
Avatar billede dkkarpen Nybegynder
15. september 2002 - 19:39 #2
Fandt selv ud af det.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester