スクロールした後にスティッキーヘッダーを削除する

Question

スティッキーcssをヘッダーから削除したいのですが、先頭から300pxに達した後にcssと表示されていますが、私にはjqueryの知識があります。

cssだけでも可能ですか？

はここに私のsample code

Answer 1

だ私はあなたがこの作業を取得するためにjqueryのを使用する必要があり、あなたのためにjsfiddleにこれを追加しました。

ご覧ください。 https://jsfiddle.net/975zff02/

$(function(){ 
    $(window).scroll(function(e) { 
    if($(this).scrollTop()>300){ 
     $('.header').fadeOut(); // Fading out the button on scroll after 300px 
    } 
    else{ 
     $('.header').fadeIn(); // Fading in the button on scroll if less than 300px 
    } 
    }); 
}); 

Answer 2

あなたはCSSのみで解決策をposition: stickyを見たいことがあります。 https://developer.mozilla.org/en/docs/Web/CSS/position#Sticky_positioning