P°φklad objektu zafixovanΘho na strßnce

Objekt zafixovan² na strßnce

P°φklad objektu, kter² z∙stßvß na strßnce stßle na stejnΘm mφst∞.

Funguje minimßln∞ v IE 6 a v Mozille, mo╛nß i jinde.

Zßkladem je pou╛itφ stylu position: absolute (pro Explorer), nebo position: fixed (pro Mozillu). Mozilla umφ ud∞lat fixnφ objekt sama od sebe, pro Explorer se to musφ skriptovat.

Skript si v╣φmß udßlosti rolovßnφ strßnky. V tu chvφli p°epoΦφtß pozici fixovanΘho objektu a p°ekreslφ ho.

Pro detailnφ pochopenφ p°φkladu si prosφm zobrazte zdroj:

<style>
#idecko {position: fixed;} /* pro Mozillu */
#idecko {position: "absolute";} /* pro IE */
#idecko {top: 90px; left: 80%} /* libovolnΘ dal╣φ vlastnosti (krom∞ position) */
p {width: 70%}/* ned∙le╛itΘ, jenom aby se text nedostal k fixovanΘmu objektu */
</style>

<script>
function fixedEl(id){
if(document.all){
document.all[id].style.pixelTop = document.body.scrollTop + 90;
// pixelTop je n∞co jako top v CSS
// document.body.scrollTop °φkß, jak moc je to odrolovanΘ dol∙
// ta devadesßtka je ta samß devadesßtka jako ve stylu
}
}
</script>

<body onscroll="fixedEl('idecko')">


<div id="idecko">
Objekt zafixovan² na strßnce
</div>

Zkuste si rolovat

text

text

konec strßnky