Wordpress：通过滚动在标题中显示徽标

Question

我正在寻求帮助。标题中有一个标识，总是显示。我想以这样的方式更改徽标，使其隐藏在开头，但在滚动页面后出现。如何更改设置？我猜这是用PHP完成的，不是吗？有没有人可以帮助我？非常感谢你！

亲切的问候， pradhana

Answer 1

无论是使用PHP还是使用服务器端的任何语言，都无法实现您的目标。您可以使用jQuery scroll和scrollTop 函数执行此操作。

jquery的

$(window).scroll(function(){
    if($(this).scrollTop()>300){ // active if scrolled 300px
        $( "#header" ).addClass( "hide-logo" );
    }
    else{
        $( "#header" ).removeClass( "show-logo" );
    }
});

CSS

.hide-logo{
  display:none;
  transition:0.3s;
}
.show-logo{
  display:block;
  transition:0.3s;
}

Answer 2

你可以用js而不是php来做。使徽标默认显示：无，当用户滚动时，使其可见

window.onscroll = function (e) {  
  //make your image visible
}