bootstrap 4 - марка navbar lo go не изменяется при прокрутке вниз

Question

Я добавил bootstrap 4 и создал навигационную панель, она работает хорошо, но у меня возник конфликт, который я пытался изменить, когда прокрутка вниз изменила навигационную панель lo go, но она работает неправильно, кто-нибудь знает, как чтобы исправить эту проблему.

Это мой код:

$(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 1000) {
                    $('.navbar .navbar-brand img').attr('src','https://via.placeholder.com/150/FF00FF/808080?Text=newLogo');
                }
                if ($(this).scrollTop() < 1000) {
                    $('.navbar .navbar-brand img').attr('src','https://via.placeholder.com/150/0000FF/808080?Text=oldLogo');
                }
            })
        });

Answer 1

Проверьте ниже скрипку. Работает нормально. Просто ваше изображение скрывается при прокрутке, в противном случае ваше изображение меняется.

Обратите внимание, что для иллюстрации я исправил ваш navbar заголовок.

Просто используйте navbar navbar-expand-lg navbar-light fixed-top классы для вашей панели навигации, и она должна работать как положено.

$(function () {
            $(window).scroll(function () {
                if ($(this).scrollTop() > 1000) {
                    $('.navbar .navbar-brand img').attr('src','https://via.placeholder.com/150/FF00FF/808080?Text=newLogo');
                }
                if ($(this).scrollTop() < 1000) {
                    $('.navbar .navbar-brand img').attr('src','https://via.placeholder.com/150/0000FF/808080?Text=oldLogo');
                }
            })
        });