Позиционирование элементов?

Question

[ponko11]

Здравствуйте. Делаю мобильную версию сайта. Есть один баг, не знаю как решить.
В общем, на фоне есть слайдер, позиционированный как фиксированный, на фоне слайдера есть контейнер с прозрачным белым фоном. Тестирую на айфоне и если проскроллить страницу до конца и потянуть, то появляется вот такая шляпа:

Т.е. контейнер с белым фоном поднимается выше, и появляется краешек слайдера. Как поправить?
Сам сайт вот: https://peaceful-euler-00233d.netlify.app/

Comments

[Владимир Юрченков]

эм...прижать футер к низу

[ponko11]

Владимир Юрченков, bottom 0 не работает

[ponko11]

Владимир Юрченков, он и так прижат к низу, пробел вылезает если потянуть страницу ещё ниже

[Владимир Юрченков]

ponko11, ну есть много способов как прижать. Мои сайты тоже в ios так задираются если принудительно поднять, но там белый фон принудительно и смотрится нормально.

[imko]

у тебя картинки режутся скриптом при загрузке 0_о???

Answer 1

[Сергей Т]

Сделай для этих контейнеров следующие стили:

height: 100%;
position: fixed;
overflow: scroll;
width: 100%;

Comments

[ponko11]

в таком случае они не скролятся

[ponko11]

извиняюсь, не для тех блоков стили написал, заработало, спасибо