Является ли «позиция: фиксированная» на «теле» проблематичной?

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

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

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

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


person Aides    schedule 02.06.2016    source источник
comment
Я не слышал ни одного.   -  person Justinas    schedule 02.06.2016


Ответы (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>
person 3Lancer    schedule 02.06.2016
comment
Кто-то все еще поддерживает ‹= IE6? - person Justinas; 02.06.2016