如何让Hugo网站的页眉在滚动时保持固定？求技术协助

• 找到主题里的页眉模板文件，一般在layouts/partials/header.html，确认页眉的根元素类名（比如常见的.site-header）。
• 在主题的样式文件（比如assets/css/main.css）中添加以下CSS代码：

/* 固定页眉 */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; /* 保证页眉在其他内容上方 */
  background-color: #ffffff; /* 替换成你网站的背景色，防止下方内容透出 */
}

/* 避免页面内容被固定页眉遮挡 */
body {
  padding-top: 70px; /* 数值等于你的页眉实际高度，按需调整 */
}

• 启动本地Hugo服务（hugo server）测试滚动效果，根据实际显示调整CSS里的padding-top和页眉样式参数。

如果不想修改主题核心文件，也可以在主题支持的自定义CSS区域添加上述代码，这样主题更新时不会丢失修改。

内容的提问来源于stack exchange，提问作者deuxly