是'位置:上`fixed` `有问题?(Is `position: fixed` on

2019-09-26 13:42发布

上的移动设备和桌面浏览器一个SPA我需要设置position: fixed<body>避免的iOS”溢出/橡皮滚动。

position: fixed和修改对<body>总是有些哈克和风险会导致问题。

这就是为什么我想澄清:

是否有任何已知问题/注意事项/事情需要提防的(即叠加背景下,Z-索引背景下,静态/相对/绝对/固定在儿童定位)/ ...加入时position: fixed<body>

Answer 1:

的“位置是:固定”涉及相对于浏览器窗口定位在“元件”。 网页浏览器缩放是受到它的影响。 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 `` problematic?