`<body>` 上的 `position: fixed` 有问题吗？

Question

在用于移动设备和桌面浏览器的 SPA 上，我需要在 <body> 上设置 position: fixed 以避免 iOS' overflow/rubberband 滚动。

position: fixed 和对 <body> 的修改总是有些笨拙且有导致问题的风险。

这就是我想澄清的原因：

是否有任何已知问题/注意事项/需要注意的事项（即堆叠上下文、z 索引上下文、static/relative/absolute/fixed 对儿童的定位）/ ... 添加 position: fixed 到 <body>

Answer 1

"position: fixed" 与相对于浏览器 window 定位的 "element" 相关。网页浏览器缩放受其影响。 IE6及以下版本也将被破解

也许这样会更好：

html, body { height: 100%; overflow: auto; }

body .element { position:fixed; bottom: 0; }

然后 html:

<body>
<div class="element">
    (everything else inside here)
</div>
</body>

Is `position: fixed` on `<body>` problematic?