HTML and CSS   XSLT   JavaScript   Images   Soft   Etc  
Sergei Chikuyonok

Emulating position: fixed October 23, 2008


Task:

to describe a cross-browser way to emulate position: fixed CSS property.

Here we demonstrate a cross-browser way to emulate position: fixed. It is based on passing page scrolling handling from the root element to one of the internal elements. This way we keep the body element in place and position the elements “fixed” with position: absolute relative to it.



Additional materials:

— Screencast (QuickTime, 32,5 MB)

— Examples (ZIP, 55,4 KB)


Order a design...