Markenkopfzeile statisch halten statt scrollen?

Entwickler
,
1

Bestätigung;

Nach der Installation scheint es, als würde der Header von der Seite scrollen. Gibt es eine Möglichkeit, den Header über dem vorhandenen Discourse-Header festzuhalten?

2

Ich kann das Problem nicht reproduzieren. Können Sie mir einen Screenshot senden?

3

Oh, entschuldigen Sie die Verwirrung – ich frage nach dem beabsichtigten Verhalten?

Lokal sehe ich, dass der Marken-Header beim Durchscrollen eines langen Threads aus dem Bild scrollt.

4

Versuchen Sie, den .b-header-CSS-Stil wie unten gezeigt zu ändern

.b-header {
  position: fixed;
}

Möglicherweise sind weitere CSS-Änderungen erforderlich, um Ihr Ziel zu erreichen.

2 „Gefällt mir“
5

Danke, Vinoth.

Ich habe ein paar Dinge gefunden, die dabei helfen:

.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;
}

Dies bewirkt, dass der benutzerdefinierte Header beim Scrollen statisch bleibt und jederzeit über dem Discourse-Header liegt.

Der einzige Nachteil dieses Ansatzes, den ich erkenne, ist, dass der Beitragstitel etwas später als üblich im Discourse-Header erscheint, aufgrund der zusätzlichen statischen Höhe der Header-Komponente.

Ich bin mir nicht sicher, wie man diese Logik ändern kann – sie steckt wahrscheinlich irgendwo in den Tiefen von Discourse.

4 „Gefällt mir“