Some platforms do not support a value of "fixed" for the CSS property "position", which is used to position elements relative to the viewport where they remain while scrolling. It is possible to emulate this behavior using CSS or JavaScript. However, there are several trade-offs:
- It is not reliable to listen to the scroll event and re-position a fixed element while scrolling. One approach is to hide the fixed elements when scrolling starts and show them again when it stopped (jQuery Mobile was using this for some time).
- The only somewhat working solution is to create a "scrollview" which is as tall as the viewport and to scroll inside this area instead.
- A "scrollview" can either be created using CSS or JavaScript. The CSS solution (overflow:scroll) is not feasible because there is no scroll momentum, usually no scrollbars and many platforms require two fingers for scrolling. There is a new CSS property on webkit (-webkit-overflow-scrolling) which solves most of thi