滚动时导航栏已修复

开发
1

您好 Discourse 社区，

我有一个问题。我想在 Discourse 导航的顶部添加一个固定的滚动导航栏。

因此，我在“Header”的“Customize”部分添加了以下内容：

<div class="navbar">
    <div class="logo-container">
        <a href="https://www./"><img id="brand-logo" class="logo" src="logo.png" title="logo "></a>
    </div>
    <div class="links-container">
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-home"></i><span>链接 1</span></a>
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-link2"></i> <span>链接 2</span></a>
        <a class="rt-border" href="https://www./"><i class="fa fa-fw fa-link3"></i><span>链接 3</span></a>
    </div>
</div>

为了使其成为固定的滚动导航，我在“navbar”类中添加了以下内容：

position: fixed;
top: 0;
width: 100%;

但是，我的导航栏消失了，只有 Discourse 导航栏还在并且在滚动时固定？

感谢您的帮助！！

2

您是指在 Discourse 标题上方有一个单独的菜单栏吗？如果您查看特定于标题的主题组件，有一些现有的 Theme component 可能会实现您想要的效果。

3 个赞