javascript - 如何删除粘性 header 并使其保持静态

Question

我目前正在这个网站上工作 - http://andersontreesurgery.co.uk/ .我使用了 html5 up 模板，该模板已经有一个粘性标题。但是，当网站按比例缩小时，标题和横幅之间会产生一个看起来很糟糕的间隙。此外，我只是不希望标题向下移动并始终保持在所有内容的顶部。

我仍然喜欢滑出的移动菜单，但是如何在不删除任何其他功能的情况下停止粘性标题？

谢谢，

杰玛

Answer 1

这会有所帮助

$(function(){
  $(window).scroll(function(){
    var winTop = $(window).scrollTop();
    if(winTop >= 30){
      $("body").addClass("sticky-header");
    }else{
      $("body").removeClass("sticky-header");
    }
  })
})

position:fixed 
z-index:9999

<!-- begin snippet: js hide: false -->

/* For Extra styling try this */
body.sticky-header{
    padding-top: 100px;
    header{
        height: 60px;
        h1{
            @include scale(0);
        }
    }
}