Как сделать анимацию смены картинки в шапке при скролле?

Question

[Maskout]

У меня есть неактивная шапка, при скролле срабатывает функция и появляется новый элемент посредством JS и окрашивает шапку в мой цвет. Я хочу сделать так же, но с логотипом, то есть есть два варианта: 1. независимый (белый), 2. под цвет сайта и не могу дойти до решения.

Снизу прикрепил кусок кода

$(document).ready(function(){
    $(window).scroll(function(){
        // АНИМАЦИЯ ЛОГОТИПА
        if(this.scrollY > 20){
            $('.navbar').addClass("sticky");
        }else{
            $('.navbar').removeClass("sticky");
        }

Answer 1

[ThunderCat]

Логотип прописываете как бэкграунд элемента, у элемента меняете класс (так же как у навбар), класс задает нужные картинки.