Avatar billede kimdolleris Nybegynder
05. april 2009 - 11:06 Der er 1 løsning

Horisontal scrolling

Hey eksperter!

Jeg har et lille problem - sikkert utrolig lille, men jeg kan ikke gennemskue det selv.

Jeg vil gerne have min absolutte positionerede div til at flytte sig med den horisontale scrollbar.

Jeg har før brugt dette script til vertikal scrolling, men jeg mangler lige en hånd til at omskrive til horisontalt. Jeg tænker umiddelbart der er nogle x'er og nogle y'er der skal byttes rundt på, men det virker ikke :)

---------------------------------------------------------
SCRIPT:
---------------------------------------------------------

function montre(id) {
var d = document.getElementById(id);
    for (var i = 1; i<=10; i++) {
        if (document.getElementById('snav'+i)) {document.getElementById('snav'+i).style.display='none';}
    }
if (d) {d.style.display='block';}
}


var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;

function FloatNav(id, sx, sy)
{
    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    var px = document.layers ? "" : "px";
    window[id + "_obj"] = el;
    if(d.layers)el.style=el;
    el.cx = el.sx = sx;el.cy = el.sy = sy;
    el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};

    el.floatIt=function()
    {
        var pX, pY;
        pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
        document.documentElement && document.documentElement.clientWidth ?
        document.documentElement.clientWidth : document.body.clientWidth;
        pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
        document.documentElement.scrollTop : document.body.scrollTop;
        if(this.sy<0)
        pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
        document.documentElement.clientHeight : document.body.clientHeight;
        this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
        this.sP(this.cx, this.cy);
        setTimeout(this.id + "_obj.floatIt()", 3);
    }
    return el;
}


---------------------------------------------------------
HTML:
---------------------------------------------------------

<script language="JavaScript">
    <!--
    FloatNav("navfollower", 60, 20).floatIt();
    -->
</script>


---------------------------------------------------------
CSS:
---------------------------------------------------------

#navfollower{
    position:absolute;
    left:60px;
    top:20px;
    width:916px;
    height:70px;
    z-index:99;
}








...help ;)

pft. Kim
Avatar billede kimdolleris Nybegynder
06. april 2009 - 16:31 #1
fandt på noget andet...
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