SCROLL ANIMATION HTML CSS SDA Tokpedia

Преимущества производительности анимации, управляемой прокруткой Этот встроенный API снижает нагрузку на код, который вам придется поддерживать, будь то написанный вами собственный скрипт или включение дополнительной сторонней зависимости. Это также устраняет необходимость использования различных наблюдателей прокрутки, что означает довольно значительный выигрыш в производительности. Это связано с тем, что анимация, управляемая прокруткой, работает вне основного потока при анимации свойств, которые можно анимировать в компоновщике, таких как преобразования и непрозрачность, независимо от того, используете ли вы новый API непосредственно в CSS или используете перехватчики JavaScript. Tokopedia недавно использовала анимацию, управляемую прокруткой , чтобы панель навигации по продукту отображалась при прокрутке. Использование этого API дало серьезные преимущества как для управления кодом, так и для производительности. «Нам удалось сократить до 80 % строк кода по сравнению с использованием обычных событий прокрутки JS, и мы заметили, что средняя загрузка ЦП при прокрутке снизилась с 50 % до 2 %. — Энди Вихалим, старший инженер-программист, Tokopedia»