@Maskout

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

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

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






$(document).ready(function(){
    $(window).scroll(function(){
        // АНИМАЦИЯ ЛОГОТИПА
        if(this.scrollY > 20){
            $('.navbar').addClass("sticky");
        }else{
            $('.navbar').removeClass("sticky");
        }
  • Вопрос задан
  • 35 просмотров
Решения вопроса 1
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
Логотип прописываете как бэкграунд элемента, у элемента меняете класс (так же как у навбар), класс задает нужные картинки.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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