滚动时Wordpress徽标更改

时间:2018-03-22 19:19:05

标签: jquery html css wordpress

网站为http://www.narwal.shop/

我正在使用wordpress版本4.9.4

我喜欢在主页上使用白色PNG徽标。如果我滚动我喜欢更改为黑色PNG徽标,因为白色粘性菜单。我成功完成了以下代码。我现在唯一的问题是我现在向后滚动它不再改回白色PNG标志。有人可以帮忙吗?提前谢谢。

<script type="text/javascript">
jQuery(function($) {
    $(window).scroll(function() {
        if($('.logo-container').hasClass('shrinked')) {
            $('#main-logo .navbar-brand img').attr('src','http://www.narwal.shop/wp-content/uploads/2018/03/Logo_Narwal_White.png');
        }else{
            $('#main-logo .navbar-brand img').attr('src','http://www.narwal.shop/wp-content/uploads/2018/03/    Logo_Narwal_Black.png');
        }
    });
});
</script>

1 个答案:

答案 0 :(得分:1)

试试这个:

<script type="text/javascript">
    jQuery(function($) {
        var homePage = $(".home");
        if(homePage.length) {
            $(window).scroll(function() {
            var scrollpos = $(document).scrollTop();
            if(scrollpos > 10) {
                $('#main-logo .navbar-brand img').attr('src','http://www.narwal.shop/wp-content/uploads/2018/03/Logo_Narwal_Black.png');
            }
            else{
                $('#main-logo .navbar-brand img').attr('src','http://www.narwal.shop/wp-content/uploads/2018/03/Logo_Narwal_White.png');
            }
            });
        }
    });
</script>

希望这可以帮助你。