保持品牌头部固定而不是滚动？

开发
,
1

确认；

安装后，标题似乎滚出了页面。有没有办法将标题固定在现有 Discourse 标题的上方？

2

我无法复现该问题。您能提供一张截图吗？

3

哦，抱歉造成混淆——我是在询问预期的行为？

在本地，当我滚动浏览长线程时，品牌标题会滚出页面。

4

尝试按如下方式更改 .b-header 的 CSS 样式：

.b-header {
  position: fixed;
}

您可能需要进行更多的 CSS 编辑才能实现您的目标。

2 个赞
5

谢谢 Vinoth。

我发现有几项内容对此有所帮助：

.b-header {
  position: fixed;
  z-index: 1001;
  height: $header-height;
}

.docked .d-header {
  margin-top: $header-height;
}

#main-outlet {
  padding-top: $discourse-content-padding + $header-height;
}

这会使自定义标题在滚动时保持固定，并始终位于 Discourse 标题之上。

我能想到的这种方法的唯一缺点是，由于标题组件增加了固定高度，帖子标题在 Discourse 标题中出现的时机比正常情况稍晚一些。

不确定如何更改此逻辑——它可能在 Discourse 的某个深层代码中。

4 个赞