Div исправления донизу без использования установки УСБ

У меня возникли проблемы с position: fixed; на iOS8 Safari. Я определил, что это связано с нижним колонтитулом div, который я размещаю в нижней части страницы. Я также пытался position: absolute;, но это тоже не сработало.

Кто-нибудь знает способ позиционировать это без использования позиции CSS?

Вот код, который я использую: 

.foot-nav{
  position: fixed;
  bottom: 0;
  width: 100%;
}
2 4
css ios8 mobile-safari css-position

2 ответа:

IOS имеет проблемы с фиксированным позиционированием. При пролистывании для прокрутки он не обновит фиксированное положение до тех пор, пока не будет отпущено нажатие/перетаскивание.

Хотя position: fixed; технически работает, mobile Safari не перерисовывает фиксированный элемент во время прокрутки, чтобы правильно рассчитать анимацию прокрутки (перетаскивание и отпускание заставляет страницу продолжать прокрутку в зависимости от скорости свайпа), поэтому он не будет обновляться, пока анимация не остановится.

Теоретически можно, используйте JavaScript, чтобы вручную обновить положение элемента несколько раз во время перетаскивания, но это переопределит стандартное, естественное поведение мобильного Safari.

Дополнительные материалы для чтения и примеры, Если вам интересно: http://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios

4

Вы должны попробовать position:sticky;. Это сделано, чтобы иметь дело с position на сафари. fixed была проблемой с мобильными устройствами в течение многих лет. Я думал, что это было исправлено, но у iOs8 тоже странное поведение...

Http://updates.html5rocks.com/2012/08/Stick-your-landings-position-sticky-lands-in-WebKit

9