@Worddoc
Frontend explorer

Как оптимизировать onscroll?

Здравствуйте. Давно мучаюсь с проблемой подтормаживания скролла, если на документе висит соответсвующий обработчик. Пробовал при скролле ставить всем элементам pointer-events: none !Important; но этот подход не помогает. В некоторых местах все равно браузер на милисекунды прерывает скролл и продолжает, что вызывает эффект рывкового скролла. Может кто-то знает рецепт, как сгладить onscroll? Спасибо.
  • Вопрос задан
  • 1282 просмотра
Решения вопроса 1
pm_wanderer
@pm_wanderer
junior-HTML
Не слушай фанатиков Реакта)
Они его даже в текстовый документ пытаются засунуть)
Идеальную прокрутку на 60fps скорее всего не получится сделать, но можно приблизиться к идеалу, задействовав requestAnimationFrame. И еще будет иметь значение, какое именно свойство ты пытаешься анимировать при скролле. Максимальная производительность у opacity, translate, rotate и scale
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
bingo347
@bingo347 Куратор тега JavaScript
Crazy on performance...
Оберни листенер скрола в debounce или throttle
https://habrahabr.ru/post/60957/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы