Avatar billede hkb-x Nybegynder
25. april 2006 - 12:55 Der er 5 kommentarer og
1 løsning

følg vindue ved scroll

jeg har en <div> jeg gerne vil have at følge browservinduet når man scroller.
Avatar billede mclemens Nybegynder
25. april 2006 - 23:56 #1
Noget i denne stil?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{margin:0px;padding:0px;overflow:hidden;height:100%;width:100%;}
</style>
</head>

<body>

<div style="position:absolute;top:10px;left:10px;width:100px;height:200px;background:red;">ABC</div>

<div style="position:relative;height:100%;width:100%;overflow:auto;">
<div style="position:relative;left:120px;background:blue;">DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br>DEF<br></div>
</div>

</body></html>
Avatar billede hkb-x Nybegynder
26. april 2006 - 10:05 #2
ja... og nej...

den skal IKKE være afhængi af en placering på siden...
Avatar billede mclemens Nybegynder
26. april 2006 - 12:24 #3
Denne måske...



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<script type="text/javascript">

var dtnorm, tn;
function divpos(){
dt=(dts=document.documentElement.scrollTop)?dts:document.body.scrollTop;
tn.style.top=dtnorm+dt+"px";
}

window.onload=function(){
tn=document.getElementById("fldiv");
dtnorm=tn.offsetTop;
setInterval("divpos();",100);
}
</script></head>

<body>

def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>def<br>



<div id="fldiv" style="position:absolute;top:100px;left:20px;width:200px;background:red;">abc<br>abc<br>abc<br>abc<br>abc<br>abc<br>abc<br></div>
</body></html>
Avatar billede hkb-x Nybegynder
26. april 2006 - 14:41 #4
yes, yes... noget i den retning.... tester det lige i mit eget system...
Avatar billede hkb-x Nybegynder
29. april 2006 - 19:04 #5
perfekt... skriv svar for point
Avatar billede mclemens Nybegynder
29. april 2006 - 19:17 #6
for sent... men, jeg får jo point for denne http://www.eksperten.dk/spm/697302 uden at være kommet med løsningen derinde istedet for pointene herinde ;)
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