Я получаю предупреждение, из-за которого загружается моя страница. & ldquo; Добавлен непассивный прослушиватель событий для события mousewheel, блокирующего прокрутку. & rdquo;

Question

Я получаю предупреждение, из-за которого загружается моя страница. & ldquo; Добавлен непассивный прослушиватель событий для события mousewheel, блокирующего прокрутку. & rdquo;

Это может сбить с толку, согласен. Попробуйте использовать функции таблицы. Я использую этот простой трюк CSS для позиционирования модалов в центре веб-страницы. Он имеет большую поддержку браузера:

<div class="table">
    <div class="cell">
        <img src="..." alt="..." />
        <span>It works now</span>
    </div>
</div>

и часть CSS:

.table { display: table; }
.cell { display: table-cell; vertical-align: middle; }

Обратите внимание, что вам нужно стилизовать и настроить размер изображения и таблицы, чтобы он работал как ты желаешь. Наслаждайтесь.

0

vue.js autocomplete axios element-ui

задан V L Sudhakar Inampudi 4 March 2019 в 13:47

1 ответ

Другие вопросы по тегам:

vue.js autocomplete axios element-ui

Похожие вопросы:

score 0 · Answer 1

Это просто означает, что вы обрабатываете события колесика мыши. Если обработчики делают что-то вместо обычного события, вы можете игнорировать сообщение. Если вы делаете что-то в дополнение к обычному событию, вы должны добавить опцию passive к слушателю, чтобы обработка по умолчанию могла происходить без блокировки.

https://developers.google.com/web/tools/lighthouse/audits/passive-event-listeners

В общем, добавьте флаг passive каждому слушателю событий wheel, mousewheel, touchstart и touchmove, который не вызывает preventDefault().

Если пакет обрабатывает событие, а не ваш собственный код, просто проигнорируйте его.