Является ли `position: fixed` на` <body> `проблематичным?

В SPA для мобильных устройств и настольных браузеров мне нужно установить position: fixed на <body>, чтобы избежать прокрутки переполнения/перемотки iOS.

position: fixed, а модификации на <body> всегда несколько хакерские и рискованные, чтобы вызвать проблемы.

Вот почему я хотел уточнить:

Существуют ли какие-либо известные проблемы/оговорки/вещи, которые нужно учитывать (например, контекст стекирования, контекст z-индексации, статический/относительный/абсолютный/фиксированный позиционирование для детей)/... при добавлении position: fixed в <body>

Ответы

Ответ 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>