html - Is `position: fixed` on `<body>` problematic? -
on spa mobile devices , desktop browsers need set position: fixed
on <body>
avoid ios' overflow/rubberband scrolling.
position: fixed
, modifications on <body>
hacky , risky cause problems.
this why wanted clarify:
are there known problems / caveats / things watch out (i.e. stacking context, z-indexing context, static/relative/absolute/fixed positioning on children) / ... when adding position: fixed
<body>
the "position: fixed" relates "element" positioned relative browser window. webpage browser zooming affected it. ie6 , below break it.
perhaps better as:
html, body { height: 100%; overflow: auto; } body .element { position:fixed; bottom: 0; }
then html:
<body> <div class="element"> (everything else inside here) </div> </body>