Как исправить прокрутку на mobile safari?

Question

[Georgiy]

Есть самый обычный вызов фиксированного элемента, и проблема в том что ничто пока не устранило нежелательную прокрутку body при открытом окне (а я перепробовал и перекопал весь англоязычный стак (хоть решения с библиотеками я и не пробовал)), еще проблема в том что когда ты листаешь уже сами секции в некоторых местах прокрутка с активного ныне окна просто проваливается на body и скроллит опять же его. Подскажите как корректно и малой кровью это можно решить?
codepen example

Answer 1

[strelok011]

этот вопрос уже задавался. поиск выдал ответ
Как запретить скролл сайта, если поверх него есть фиксированный блок с прокруткой вниз?
другими словами -
body {overflow: hidden;}
Открыл модалку - боди заморозил. плюс еще можно проверять на сколько ты проскроллил и при добавлении стиля с оверфлоу дополнительно в js скроллтоп выполнять. В некоторых браузерах оверфлоу хидден вызывало подскок в начало страницы, если память не изменяет.

Comments

[Georgiy]

Ну в мобильном сафари это просто не работает....