Можно ли обходить навбар снизу у мобильного Safary?

Question

[mishapsv]

Есть задание прижать кнопку к низу экрана.
Но в мобильном Сафари она получается закрытой навбаром, как на скрине.
Как лучше поступить в этом случае?

Answer 1

[Максим Тимофеев]

зачем фото, лучше код, а еще лучше код в песочнице. В целом прижатие к низу весьма просто достигается:

.myClass {
  position: fixed;
  right: 0;
  bottom: 0;
}

и html прямо перед </body>

Comments

[mishapsv]

Максим Тимофеев прижать не проблема. Но по умолчанию этак кнопка получается закрытой навбаром Сафари(снизу экрана). Навбар уезжает, когда начинаешь скроллить, но до этого кнопку за ним не видно. В хроме навбара снизу нет.

[Максим Тимофеев]

mishapsv, попробуйте

.nmy {
    position: fixed;
    right: 0;
    bottom: 0;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

Answer 2

[tyzberd]

как вы прижимает? прижимал блок внутри модального окна bootstrap добавив

position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

вроде норм работало