Pagpapahayag ng IT

Ang post na ito ay maaaring maging isang magandang halimbawa para sa ang pariralang "Lola ng Pagtuturo sa pagsuso ang mga itlog" ... maging sanhi ito ay lamang Basic CSS Bagay-bagay. Ngunit para sa mga, tulad ng pampalimot sa akin, ito ay maaaring maging isang basbas sa magkaila. Naisip ko palagi (maaaring ko maluwag ang aking trabaho para sa sinasabi na ito), ito ay LAMANG posible na panatilihin ang ilang mga bahagi ng ang HTML na nilalaman ng pahina na static (ibig sabihin, ang posisyon nito ay nananatiling AS IS sa Window Mag-scroll), gamit ang ilang mga matalinong script, paggawa ng lahat ng mga pang-agham kalkulasyon upang mahanap ang mga dynamic na posisyon, tigil mga kaganapan Window.scroll at pagtatakda ng timeout atbp.

Huwag kailanman inisip maaaring ito bilang simpleng bilang na ito .... Dito sa CSS / HTML sa ibaba, mayroon akong apat na mga static na mga bloke, isa naayos sa bawat extrimities ng pahina, TOP, KARAPATAN, ibaba at kaliwa ... hindi na kailangan upang sabihin ... maaari kang pumili ng anumang isa o higit pa kung kailangan maging ...

CSS
-. Static {display: block; z-index: 10; kulay: # ffffff; overflow-x: nakatagong; overflow-y: nakatagong; position: ixed;
}
# Nilalaman {margin: 100px 150px 0px 160px; border: 1px solid # e6e6e6}

# Wrap-t {tuktok: 0px; background: # 33CC66; width: 100%; taas: 55px;}

# Wrap-l ng {tuktok: 80px; background: # FF9966; taas: 300px; width: 150px; hangganan: 2px matatag # e6e6e6;}

# Wrap-b {ibaba: 0px; background: # 3333CC; width: 100%; taas: 55px;}

# Wrap-r {tuktok: 80px; background: # 6666FF; taas: 300px; width: 140px; hangganan: 2px matatag # e6e6e6; kanan: 0;}

HTML
<div id="contents"> ka pangunahing pahina ng nilalaman </ div>
<div id="wrap-b" class="static">
Static Nilalaman sa Pahina ibaba
</ Div>
<div id="wrap-t" class="static">
Static Nilalaman sa Pahina Top
</ Div>

<div id="wrap-l" class="static">
Static Nilalaman sa Pahina pakaliwa
</ Div>
<div id="wrap-r" class="static">
Static Nilalaman sa Pahina karapatan
</ Div>

Tingnan ang isang sample ng wroking dito