全局置顶通知

功能
1

我们尝试使用了您的“全局通知”功能。但是，不幸的是，当您滚动时，它会消失。因此，我们希望它能固定显示。由于 position:sticky 只能应用于一个元素，而标题已经是固定元素了，因此无法通过自定义 CSS 来实现此功能。

您能否配置通知在 DOM 中的位置，以便我们将其放置在标题容器中，使其也能固定显示？

1 个赞
2

为什么不使用横幅？：

3 个赞
3

感谢您的推荐，但这并不能解决上述问题：全局通知不可固定，多功能横幅也不可固定。正如我进一步描述的，这仅通过 CSS 是无法实现的，因为多功能横幅在 DOM 中使用的位置与全局通知相同，而该位置位于固定页眉容器之外。

2 个赞
4

说得有理。

另一个选择是 Layouts 插件，它添加了可以固定的侧边栏。它还有一个自定义 HTML 小部件，可用于添加任何您喜欢的内容。

2 个赞
5

如果将 sticky 应用于父容器，它将起作用……不过，如果此容器中有其他警报，它们也会粘住（例如“您想在有人回复您的帖子时收到实时通知吗？”警报）。

我们有一个 CSS 属性可以正确地将顶部偏移量与标题分开：

#main-container.container {
    position: sticky;
    top: var(--header-offset);
    z-index: 9;
}
6 个赞