webForumDet fria alternativet

Lager som flyttar ner längst sidan

HTML & CSS

6 svar · 256 visningar · startad av Addeladde

Medlem sedan jan. 20013 406 inlägg
Frågan#1

Hej

har på en sida några lager som ligger högst upp. När man sedan scrollar neråt så följer de med så att de alltid ligger högst upp i webbläsaren. vad är det för kod som gör detta? Det är inget javascript eller så.

Medlem sedan dec. 20025 483 inlägg
#2

Fixed positioning

Medlem sedan okt. 200450 inlägg
#3

Ganska säker på att IE inte stöder position: fixed

Medlem sedan okt. 20005 273 inlägg
#4

Det går ju dock att hacka sig fram
http://annevankesteren.nl/test/examples/ie/position-fixed.html

mv icaaq

Medlem sedan jan. 20013 406 inlägg
#5

Nej Jag har inte position:fixed.

<div style="width: 768px; position: relative; height: 50px;">Innehåll</div>

Hur fixar jag så att den inte scrollar med neråt.

Medlem sedan jan. 2000978 inlägg
#6

Kollade du källkoden på sidan icaaq länkade till?

h1{
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
  left:0;
  margin:0;
  padding:0;
  background:lime;
 }

IE måste vara i quirks mode.

Medlem sedan dec. 20042 245 inlägg
#7

Anne's metod fungerar även i Standards mode om man byter ut document.body mot document.documentElement. Dock slutar det fungera i IE5 då, men det går att få det funka i båda genom att använda

_top:expression((d = document.compatMode == "CSS1Compat" ? document.documentElement : document.body) && (eval(d.scrollTop)));

Dock skulle jag använda en villkorlig kommentar istället för "underscore hack" eftersom IE7 förmodligen kommer ha stöd för position:fixed.

<!--[if lte IE 6]>
 <style type="text/css">
  h1 { position:absolute; top:expression(...); }
 </style>
<![endif]-->

:)

258 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
116 ms — ändringar (db)