Чтобы использовать метод addEventListener для улучшения производительности прокрутки, нужно прикрепить к элементу пассивного слушателя событий. 1 Для этого нужно использовать опцию { passive: true}
. 13
Пример для события прокрутки: 1
window.addEventListener('scroll', function() { // Код обработчика события прокрутки}, { passive: true });
Установка опции passive: true
сообщает браузеру, что слушатель событий не отменит действие по умолчанию, поэтому браузер может немедленно запустить его, не дожидаясь завершения слушателя. 2 В результате прокрутка становится более плавной, так как событие обрабатывается сразу, а не ставится в очередь и обрабатывается позже. 3