Speciální scrolování obsahu stránky

Reaguji na CATerPILARa:
Zrovna nedávno jsem něco podobného vytvářel. Není to triviální, ale jde to.

„Vedle obsahu by se neměla zobrazovat scroll lišta aby nehyzdila obsah.“
Součásti uživatelského rozhraní neslouží k hyzdění obsahu, jsou tam proto, aby se stránka dala normálně používat. Máš velmi špatně stanovené priority.

CATerPILAR:
Bez trošky javascriptu a JQUERY to nepůjde. Jinak něco podobného má Google+ kde když roluješ, tak se ti skryje záhlaví a menu se ti posune nahoru. Jak říkám, bez JS ti to fungovat nebude, ale jak to přesně naskriptovat ti neporadím. Strýček Google by mohl. Hledej něco jako styly v závislosti na poloze rolovací lišty nebo tak nějak, neumím to správně naformulovat. Vyzkoušej všechny podobné varianty, tahle ti asi moc ovoce nepřinese.

Reaguji na CATerPILARa:
„dokážeš mi poradit jak jsi na to šel?“
Troška pozicování při onscroll. Pokud document.documentElement.scrollTop přesáhne horní mez pozice menu (mínus horní část pozadí), nastav menu position: fixed (a správné left i top), v opačném případě position přepni na absolute a souřadnice vynuluj. Tak či tak bude menu vyjmuté z toku dokumentu, jeho rodič musí mít nastavenu výšku (aby nesplaskl) a relativní pozici (aby se ta absolutní měla od čeho odšťouchnout).
Co se horního kusu obrázku nad menu týče, to je to, co z toho dělá trošku oříšek. Budeš muset zduplikovat pozadí, oříznout všechno kromě vršku a napozicovat ho přes obsah. To by ani nemusel dělat JS.

„Odkud jsi čerpal?“
Použil jsem svojí hlavu.


Reaguji na CZghosta:
„Bez trošky javascriptu a JQUERY to nepůjde.“
Bez jQuery se to rozhodně obejde. Jinak bych to nedělal :-)
Tuším, že toto samotné by se mohlo vejít do osmi řádků.