我也遇到了同样的问题，至少对我来说，这与页眉本身无关，也与页眉的位置或包含页眉的元素无关。我注意到这种行为只发生在我的应用主页上，所以我开始隐藏组成它的不同组件，直到我发现注解掉其中一个组件解决了问题。这个特定组件显示了一个卡片列表，我有一个标题，最重要的是，一个背景。由于我构建网站的方式，我不得不创建这个组件的一个单独的子元素作为一个彩色背景，使它比它的容器和整个视口更宽，以完全覆盖它。使这个背景元素的宽度为其父元素的200%，出于某种原因，我无法解释，导致我的页眉和侧边导航不能粘在页面顶部。也许有人对CSS了解更多，可以更好地解释它，但对我来说解决办法就是不让那个元素那么宽。
下面是一些表示这种情况的代码：

.announcements {
     width: 100%;
     max-width: 1225px;

     margin: 0 auto;

     padding-top: 50px;
     padding-left: 85px;
     padding-right: 20px;
     padding-bottom: 0;

     // I actually use SCSS, but this is the element causing problems          
     &-background {
        position: absolute;
        top: 0;
        left: 50%;
        
        // Basically this idea of overflowing the container was the issue
        width: 200%;
        height: 100%;

        z-index: -1;
        // Just to have a nice colored background
        background-color: var(--primary-color);
    }

 }

解决方法：使元素足够宽，不要夸大

&-background {
        position: absolute;
        top: 0;
        left: 0;
        
        // I just need it to be a little wider that it's parent to ignore 
        // the padding
        width: calc(100% + 20px);
        height: 100%;

        z-index: -1;
        // Just to have a nice colored background
        background-color: var(--primary-color);
    }