2016-06-02 3 views
1

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

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

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

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

+0

Я не слышал никаких. – Justinas

ответ

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> 
+0

Поддерживает ли кто-нибудь поддержку <= IE6? – Justinas

Смежные вопросы