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å.
6 svar · 256 visningar · startad av Addeladde
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å.
Ganska säker på att IE inte stöder position: fixed
Det går ju dock att hacka sig fram
http://annevankesteren.nl/test/examples/ie/position-fixed.html
mv icaaq
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.
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.
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]-->
:)