Реализовать прокрутку попапа окна на iphone?

Question

[krock00000]

Доброго времени суток.
Занимаюсь версткой сайтов 4 года, но с таким казусом встретился впервые.

Вот ссылка на сайт - onil.tech/Maru

Если добавить товар в корзину, и открыть ее, то при просмотре с android корзина спокойно прокручивается вниз, но если смотреть с iphone, то вместо прокручивания корзины, прокручивается вся задняя область окна. Сложно объяснить на словах, просто посмотрите.

При открытии окна я просто присваиваю для html и body стиль overflow: hidden; а для окна корзины display: block;

Как можно исправить данную ситуацию?

Comments

[Андрей]

ничего там не присвоено

[Rustam Bainazarov]

На iOS overflow-hidden не останавливает прокрутку на body.

Единственное решение проблемы — position: fixed для body. Но тогда прокручивает вверх.

Яндекс на своих сервисах решает эту проблему путём добавление текущего значения scrolltop в отрицательное значение свойства top.

[krock00000]

SmthTo, Привет. Можно пожалуйста поподробнее?

Answer 1

[krock00000]

ОТВЕТ

Нашел простое решение, все работает прекрасно. Просто добавляем в CSS следующий код:

html {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}