<Диалог> с позицией: Фиксированные причины родительских полос прокрутки на мобильных устройствах - как исправить? ⇐ IOS

[Anonymous]

Я пытаюсь использовать элемент, который остается фиксированным на экране, поэтому я применил: < /p>
dialog {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
margin: 0;
overflow: auto;
}
< /code>
На настольных браузерах это работает нормально - это исправлено, и не появляются родительские прокрутки. /> Родитель кратко показывает полосы прокрутки, когда открывается диалоговое окно. Решите эту проблему последовательно между устройствами. < /p>
Мои вопросы: < /p>

Почему позиция: Исправлена ​​по-разному по-разному для мобильных устройств? /> Должен ли я использовать 100DVH /100DVW для ширины и высоты, или есть лучший подход? /> Обертывающая контент внутри прокручиваемого Div. < /p>
< /li>
-webkit-overflow-scrolling: прикосновение для плавного прокрутки. < /p>
< /li>
< /ul>
ervenery: < /p>

< /ul>
. 17+, Android Chrome 120+< /p>
< /li>
html -элемент, стандартный CSS
< /li>
< /ul>

Подробнее здесь: https://stackoverflow.com/questions/797 ... how-to-fix