Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

passive: true на scroll/touch — плавный скролл лендинга

Когда слушатель не должен вызывать preventDefault.

Изображение статьи: passive: true на scroll/touch — плавный скролл лендинга

Опция { passive: true } в addEventListener("touchstart", …) сообщает браузеру, что обработчик не отменит скролл — меньше jank на hero и sticky header.

Обязательно для touch/wheel, если не блокируете прокрутку намеренно.

- [addEventListener passive — MDN](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#passive) — Параметр passive.

- [Using passive listeners — Chrome Developers](https://developer.chrome.com/docs/lighthouse/best-practices/uses-passive-event-listeners) — Lighthouse и perf.

---

## Ошибка

Если нужен preventDefault на свайпе карусели — passive должен быть false только на этом элементе.

#JavaScript#производительность#мобильный

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.