Свойство overscroll-поведения не работает в webview
У меня на сайте есть модал с фиксированным расположением и гибким макетом, где пользователь может печатать контент. Я включил overscroll-behaviour-y: none
в модальный режим для предотвращения прокрутки базовой страницы и подавления обновления при прокрутке текстового содержимого. Хотя он хорошо работает с Chrome, он не работает с веб-просмотром, что приводит к обновлению страницы, когда пользователь вводит огромный объем данных и пытается прокрутить вверх. Я пытался в том числе overscroll-behaviour
свойство для всех родительских элементов, включая html и body, но оно не имеет никакого эффекта. Что-то не так с моим подходом?
Это мой образец модальной CSS
position: fixed;
z-index: 110;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
overscroll-behavior-y: none;
z-index: 115;
display: flex;
overflow: hidden;
flex-direction: column;
justify-content: space-between;
1 ответ
Согласно: https://caniuse.com/#feat=css-overscroll-behavior
Safari до сих пор не поддерживает эту опору.