上的移动设备和桌面浏览器一个SPA我需要设置position: fixed
于<body>
避免的iOS”溢出/橡皮滚动。
position: fixed
和修改对<body>
总是有些哈克和风险会导致问题。
这就是为什么我想澄清:
是否有任何已知问题/注意事项/事情需要提防的(即叠加背景下,Z-索引背景下,静态/相对/绝对/固定在儿童定位)/ ...加入时position: fixed
以<body>
上的移动设备和桌面浏览器一个SPA我需要设置position: fixed
于<body>
避免的iOS”溢出/橡皮滚动。
position: fixed
和修改对<body>
总是有些哈克和风险会导致问题。
这就是为什么我想澄清:
是否有任何已知问题/注意事项/事情需要提防的(即叠加背景下,Z-索引背景下,静态/相对/绝对/固定在儿童定位)/ ...加入时position: fixed
以<body>
的“位置是:固定”涉及相对于浏览器窗口定位在“元件”。 网页浏览器缩放是受到它的影响。 IE6及以下也将与它打破。
也许这将是更好的:
html, body { height: 100%; overflow: auto; }
body .element { position:fixed; bottom: 0; }
那么对于HTML:
<body>
<div class="element">
(everything else inside here)
</div>
</body>