Прижать баннер к низу?

Question

[Владимир Куц]

Есть баннер поверх изображения, который я прижимаю к низу видимой области так:

document.getElementById('myBanner').style.top = $(window).height() - document.getElementById('myBanner').clientHeight + "px";

В консоли разработчика все ок - баннер прижимается как положено, на Андроиде тоже все хорошо, но в реале на iPhone внизу появляется полоска с элементами управления, и когда она исчезает - остается дырка между нижней частью отображения и баннером. Как прижать таки баннер к нижнему краю?

Answer 1

[Егор Живагин]

Вообще, странно делать это на JS . Обычно хватает стилей. Пример на каком-нибудь codepen бы

Comments

[Владимир Куц]

Мне нужно чтобы баннер прижался не к низу страницы, а к низу видимой области. Причем в видимой области в iPhone то появляется, то исчезает меню инструментов. Если есть соображения как это сделать на чистом css - было бы супер. Но я в css не настолько хорошо разбираюсь.
В codepen наверное не получится, так как надо чтобы страница полностью на весь экран с прокруткой именно на iPhone открывалась - там эта проблема видна.

[Егор Живагин]

Владимир Куц: вообще, звучит очень похоже на обычный position: fixed; bottom: 0%; .

На js : Можно попробоваь вешать эту функцию не только на загрузку страницы, но и на скролл

Answer 2

[Yurii Vlasiuk]

Может не совсем верно понял, но как вариант использовать позиционирование css
position:absolute;
bottom: 0px;

Comments

[Владимир Куц]

Мне нужно чтобы баннер прижался не к низу страницы, а к низу видимой области. Причем в видимой области в iPhone то появляется, то исчезает меню инструментов.