Ki ga izraža

Ta objava je lahko dober primer za izraz "Poučevanje babica sesati jajca" ... Ker to je samo BASIC CSS Stuff. Toda za tiste, tako kot mene pozablja, to je lahko blagoslov v preobleki. Vedno sem mislil (sem lahko izgubi svoje delo za to rekel), je bilo mogoče, da bo nekaj del HTML vsebino strani statični (kar pomeni, njeno stališče ostaja, KOT SO na zvitka Window), z nekaj pametne skripte, delaš vse tiste znanstvene izračuni, da bi našli dinamično mesto, pastmi Window.scroll dogodkov in nastavitev časovne omejitve itd

Nikoli mislil, bi to tako enostavno, kot je to .... Tu v nadaljevanju CSS / HTML, imam štiri statične bloke, eno pritrdijo na vsako extrimities strani, TOP, desno, spodaj in levo ... da ne govorimo ... lahko izberete eno ali več, če je treba ...

CSS
. Statična {zaslon: blok, z-indeks: 10; color: # FFFFFF; overflow-x: skrito; overflow-y: skrito, lega: ixed;
}
Napake # vsebina {kritja: 100 pik 150px 160px 0px; meja: 1px solid # e6e6e6}

# Wrap-t {top: 0px; background: # 33CC66, širina: 100%, višina: 55px;}

# Wrap-l {top: 80px; background: # FF9966, višina: 300px; širina: 150px; meja: 2px solid # e6e6e6;}

# Wrap-b {bottom: 0px; background: # 3333CC, širina: 100%, višina: 55px;}

# Wrap-r {top: 80px; background: # 6666FF; višina: 300px; širina: 140px; meja: 2px solid # e6e6e6, desno: 0;}

HTML
<div id="contents"> Vi glavna vsebina strani </ p>
<div id="wrap-b" class="static">
Statična vsebina na dnu strani
</ P>
<div id="wrap-t" class="static">
Statična vsebina na vrh strani
</ P>

<div id="wrap-l" class="static">
Statična vsebina na strani levo
</ P>
<div id="wrap-r" class="static">
Statična vsebina na desni strani
</ P>

Ogled wroking vzorec tukaj