Wordpress：スクロールでヘッダーにロゴを表示

Question

私は助けを求めています。ヘッダーには常にロゴが表示されています。私は最初に隠されているが、ページをスクロールした後に表示されるようにロゴを変更したいと思う。どのように設定を変更できますか？私はそれがPHPで行われたと思いますか？私を助けることができる人はいますか？どうもありがとうございました！

敬具、 pradhana

Answer 1

あなたは、JS、PHPではないことによってそれを行うことができます。ロゴのデフォルトの表示確認します。make、なしとする場合、ユーザーのスクロールをその目に見える

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

Answer 2

あなたがPHPを実行することはできませんされて欲しい、そうでないか、任意の言語でサーバー側います。これを行うには、jQuery scrollとscrollTop関数を使用します。

$(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:none; 
    transition:0.3s; 
}