Javascript 在滚动和悬停时更改标题背景

我遇到了一个问题，需要一些帮助

我正在尝试更改悬停和滚动的标题背景色。我有

向下滚动

部分，但没有

悬停

。我总是遇到问题

你有解决这个问题的办法吗

// function checkNav() {
// if($('header').hasClass('blue-head') === false) {
//  $('header').hover(function() {
//  $(this).addClass('white-head');
//  $('.logo img').attr('src','/wp-content/uploads/2018/09/Asset-1tempur-ped.png');
//  }, function() {
//  $(this).removeClass('white-head');
//  $('.logo img').attr('src','/wp-content/uploads/2018/09/white-logo.png');
//  });
// } else {
//  $('.logo img').attr('src','/wp-content/uploads/2018/09/Asset-1tempur-ped.png');
// }
// }
$(document).ready(function() {
    $(window).on("scroll", function() {
        if($(window).scrollTop() > 50) {
            $("header").addClass("blue-head");
            $('.logo img').attr('src','/wp-content/uploads/2018/09/Asset-1tempur-ped.png');

        } else {
            //remove the background property so it comes transparent again (defined in your css)
            $("header").removeClass("blue-head");
            $('.logo img').attr('src','/wp-content/uploads/2018/09/white-logo.png');
    }
    });
});

---

可以使用toggleClass更改悬停时的颜色。如果徽标没有占据页眉，您可以以相同的方式切换徽标。在代码段中，我将图像设置为背景图像。。简单但有效

祝你好运

$（文档）.ready（函数（）{
if（$（'header'）.hasClass（'blue-head'））{
$（'header'）。悬停（函数（）{
$（'header'）.toggleClass（'blue-head'）.addClass（'white-head'）；
});
}
});
正文{
身高：100%；
}
白头先生{
背景色：白色；
文本转换：大写；
文本对齐：居中；
颜色：白色；
字号：600；
/*背景图片：url（'/wp content/uploads/2018/09/white logo.png'）*/
背景图像：url（'http://cairngorms.co.uk/wp-content/uploads/2017/07/A-father-and-son-cycling-a-country-path-Ballater.-The-Cairngorms-National-Park1.jpg');
背景尺寸：封面；
背景重复：无重复；
}
蓝头先生{
背景颜色：蓝色；
文本转换：大写；
文本对齐：左对齐；
背景图片：url（'/wp content/uploads/2018/09/Asset-1tempur-ped.png'）；
}
标题{
高度：50px；
}
div{
高度：100px；
背景颜色：黄色；
}
页脚{
最小高度：200px；
背景颜色：绿色；
}

标题
请同时发布
HTML
代码！！！通过css使用选择器：悬停{background color:color；}