Bootstrap Navbar滚动后品牌发生变化

Question

我只是Bootstrap和Web开发的新手，所以我的问题对专家来说可能非常简单有趣。滚动后如何在引导程序中更改导航栏品牌形象？我有这个完美的工作JS：

    $(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $('#custom-nav').addClass('affix');
        $(".navbar-fixed-top").addClass("top-nav-collapse");
    } else {
        $('#custom-nav').removeClass('affix');
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
    }   
});

但我不明白滚动后我的品牌形象会发生什么变化？泰！

Answer 1

简单，只需根据滚动条件更改image的src

$(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $('#custom-nav').addClass('affix');
        $(".navbar-fixed-top").addClass("top-nav-collapse");
        $('.navbar-brand img').attr('src','newImage.jpg'); //change src
    } else {
        $('#custom-nav').removeClass('affix');
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
        $('.navbar-brand img').attr('src','OldImage.jpg')
    }   
});

默认情况下，这里的.nav-brand是给锚定标签的class name，锚定标签中包含img标签。$('.navbar-brand img')获取.nav-brand元素中的img标签。