Ilmaista sitä

Tämä viesti voisi olla hyvä esimerkki lause "Opettaminen mummolle imeä munaa" ... Koska tämä on vain perus CSS jutut. Mutta niille, kuten huomaa minua, tämä voi olla siunaus valepuvussa. Ajattelin aina (voisin menettää työni sanoessani tämän), se oli vain mahdollista säilyttää osaan HTML-sivun sisällön STATIC (merkityksen, sen asema säilyy vieraslajien Window Scroll), käyttäen joitakin älykkäitä skriptejä, Doing kaikki tieteelliset laskelmien löytää dynaamista asentoon, ansastusta Window.scroll tapahtumia ja aikakatkaisut jne.

Uskonut, että voisi yhtä yksinkertaista kuin tämä .... Täällä CSS / HTML alla, minulla on neljä staattista korttelin, yksi kiinteä jokaiseen extrimities sivun, TOP, RIGHT, BOTTOM ja jäljellä ... turha sanoa ... voit valita yhden tai useamman tarvittaessa ...

CSS
. Staattinen {display: block; z-index: 10; color: # ffffff; overflow-x: hidden; overflow-y: hidden; sijainti: ixed;
}
# Sisältö {margin: 100px 150px 0px 160px; reunusta: 1px solid # e6e6e6}

# Wrap-t {top: 0px background: # 33CC66, leveys: 100%; height: 55px;}

# Wrap-l {top: 80px; background: # FF9966; height: 300px; width: 150px; reunusta: 2px solid # e6e6e6;}

# Wrap-b {bottom: 0px background: # 3333CC, leveys: 100%; height: 55px;}

# Wrap-r {top: 80px; background: # 6666FF, korkeus: 300px; width: 140px; reunusta: 2px solid # e6e6e6, oikea: 0;}

HTML
<div id="contents"> Sinä etusivu sisältö </ div>
<div id="wrap-b" class="static">
Staattinen sisältö sivulla alhaalla
</ Div>
<div id="wrap-t" class="static">
Staattinen sisältöä Sivun alkuun
</ Div>

<div id="wrap-l" class="static">
Staattinen sisältö sivulla vasemmalle
</ Div>
<div id="wrap-r" class="static">
Staattinen sisältö sivulla oikealla
</ Div>

Näytä wroking näyte täällä