Как исправить баг курсора в IOS11 на мобильных?

Question

[Андрей Борчик]

Как исправить баг курсора в IOS11 на мобильных?

Применил вот такой стиль при открытии поп-ап окна к body

.show-modal {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}

Но теперь при открытии формы на ПК и Мобильном сайт прокручивается в самый верх?
Как сделать так, чтобы экран сайта оставался в том же положении при открытии модального окна?
сайт - Arthata.by

Answer 1

[mrSeller]

Высчитывать скролл страницы и устанавливать смещение контента по этому значению
Люблю устанавливать пандусы для инвалида Safari

Answer 2

[fl3nkey]

Это из-за position: fixed;.

Можете использовать fix-scroll библиотеку для работы с нативным скроллом.
Так же прочитайте секцию Preventing, там описана проблема и решения со скроллом в iOS.

Comments

[Андрей Борчик]

Можно подробнее? Ибо в js не силен и css))

Answer 3

[Froggyweb]

Прокручивает ссылка по которой
Клинкули.

Comments

[Андрей Борчик]

нет