Vyjadrenie IT

Tento príspevok by mohol byť dobrým príkladom pre výraz "Výučba babička sať vajcia" ... Pretože to je len základný CSS Stuff. Ale pre tých, ako nedbajúca ja, môže to byť šťastie v nešťastí. Vždy som si myslel (som mohol stratiť svoju prácu, že to hovorím), to bolo len možné, aby niektoré časti HTML obsah stránky statické (v zmysle, jeho pozícia zostáva IS na okno Scroll), s použitím niektoré chytré scenáre, robiť všetky tie vedecké Výpočty nájsť dynamické pozície, chytať Window.scroll udalostí a nastavení časových limitov atď

Nikdy by si myslel, že tak jednoduché, ako to .... Tu v CSS / HTML nižšie, mám štyri statické bloky, jeden pripevnený ku každej extrimities na stránke hore, vpravo, dolu a zľava ... netreba hovoriť ... môžete si vybrať jednu alebo viac, ak je potrebné byť ...

CSS
Statické {display: block; z-index: 10, farba: # FFFFFF; overflow-x: hidden; overflow-y: hidden; pozície: ixed;
}
Č obsah {margin: 0px 100px 150px 160px; border: 1px solid # e6e6e6}

# Wrap-t {top: 0px; pozadia: # 33CC66, šírka: 100%, výška: 55px;}

# Wrap-l {top: 80px; pozadia: # FF9966, výška: 300px; šírka: 150px; border: 2px solid # e6e6e6;}

# Wrap-b {dole: 0px; pozadia: # 3333CC, šírka: 100%, výška: 55px;}

# Wrap-r {top: 80px; pozadia: # 6666FF, výška: 300px; šírka: 140px; border: 2px solid # e6e6e6, vpravo: 0;}

HTML
<div id="contents"> Vy hlavný obsah stránok </ div>
<div id="wrap-b" class="static">
Statický obsah na stránke dole
</ Div>
<div id="wrap-t" class="static">
Statický obsah na stránky Na začiatok
</ Div>

<div id="wrap-l" class="static">
Statický obsah na stránke vľavo
</ Div>
<div id="wrap-r" class="static">
Statický obsah na stránke vpravo
</ Div>

Prezrite si wroking vzorku tu