Предотвращение вложенной прокрутки по умолчанию с помощью электронного веб-просмотра

Question

Дело: У меня есть электронное приложение, которое загружает веб-страницу в веб-просмотр.Веб-просмотр находится внутри контейнера, который сам прокручивается.

Текущее поведение: При прокрутке веб-просмотра, если я достигаю нижней части страницы, где веб-просмотр больше не может прокручиваться, и если я продолжаю прокручивать, контейнер, содержащий веб-просмотр, начинает прокручиваться..

Что я хочу: Я не хочу, чтобы контейнер прокручивался в этом случае.

Что я пробовал: Я пытался захватить контейнеры wheel событие.Событие запускается при обычной прокрутке, но не в этом конкретном случае, который я хочу зафиксировать.Я также попытался внедрить сценарий предварительной загрузки в веб-просмотр и прослушать события колеса в документе.В этом случае события колеса не запускаются ни в коем случае.

Answer 1

Такое поведение называется «цепочкой прокрутки» и иногда нежелательно. Должно быть возможно отключить его на уровне CSS с помощью свойства overscroll-поведения , примененного к контейнеру.

Например, если контейнер HTML равен <div class="webview-container"> </div>:

div.webview-container { overscroll-behavior: contain; };

Чтобы быть в безопасности, вы также можете попробовать другие комбинации значений (auto, contain, none) ...