Avatar billede danm Nybegynder
01. februar 2008 - 13:34 Der er 3 kommentarer og
1 løsning

Lave et flydende layer der flytter sig ved scroll af side

Jeg skal have lavet et flydende layer i højre side af min hjemmeside. Jeg har set dem på andre sider, hvor de følger med når man scroller ned på siden. Jeg har i forvejen lavet layeret (ved ikke hvad det danske navn er for layer), og har placeret det i en tabel og kaldt den "div1".
Hvad skal jeg så tilføje for at gøre det "flydende" så det følger med ned. det skal så have en fast x-position i forhold til den tabel den vises ovenover.
Jeg ved ikke om der er lavet eksempler tidligere her på eksperten, for af en eller anden grund kan jeg ikke søge.
Avatar billede w13 Novice
01. februar 2008 - 13:38 #1
Hvad med:

<div id="div1" style="position:fixed;top:400px;left:600px">Tekst</div>
Avatar billede danm Nybegynder
01. februar 2008 - 13:57 #2
Jo, men den scroller jo ikke ned når man kører ned med siden. Og x-position er den samme uanset hvor bredt vinduet er. Den skulle helst flytte sig til højre eller venstre, afhængigt af hvor en bestemt tabel er placeret (denne tabel er centreret og indeholder hele siden.)
Avatar billede danm Nybegynder
06. marts 2008 - 17:40 #3
Det kunne laves med:

<body onscroll="document.getElementById('bestdiv').style.top =
document.documentElement.scrollTop + 130 + 'px'">
Avatar billede olebole Juniormester
06. marts 2008 - 17:47 #4
<ole>

Måske, det virker, men det er ikke valid kode. Desuden giver det ikke mening, at tage en scrollTop-værdi på dokument-elementet, hvis event'en aftastes på body-elementet, som jo netop ikke er det element, der scroller  ;o)

/mvh
</bole>
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