滚动到某个点后删除粘贴标题

Question

我想从标题中删除粘贴css，它从顶部到达300px但是用css我无法这样做，并且我有0 jquery的知识。

从css单独可能吗？

这里是我的sample code

Answer 1

我加这对你的jsfiddle，你需要使用jQuery来得到这个工作。

请参阅： 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

您不妨看看position: sticky的CSS唯一的解决办法。 https://developer.mozilla.org/en/docs/Web/CSS/position#Sticky_positioning