我认为问题与粘性头像无关。
当页眉收缩时，页面会变短，页面的滚动位置会发生变化。因此，当页面在页眉应该收缩的位置之间跳转时，您会看到这种闪烁。
如果我在浏览器控制台中输出页面的滚动位置，您可以看到这一点……页眉缩小了约 60 像素，这在滚动位置中有所体现，因为它在闪烁：
要使用 JavaScript 解决此问题，我认为您可以在页眉过渡发生的同时将高度差添加到滚动位置？
使用纯 CSS 解决此问题的另一种方法是：
.d-header-wrap {
// 这使页眉位置固定，因此它不是页面高度的一部分
position: fixed;
width: 100%;
}
#main-outlet {
// 这会将页面内容偏移大页眉的高度
// 需要，因为固定位置将页眉放在内容之上
padding-top: 150px !important;
}