如何删除粘性标题并保持静态

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);
        }
    }
}