# Klasse „docked" beim Zurückscrollen nach oben nicht entfernt?

**URL:** https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194
**Category:** Support
**Created:** [30. März 2020 um 19:59 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194 "2020-03-30T19:59:14Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [30. März 2020 um 19:59 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194/1 "2020-03-30T19:59:14Z")

</div>

Hallo.  
Wenn wir mit dem Scrollen beginnen, erscheint die Klasse `docked` am `<body>`.  
Wenn wir jedoch wieder nach oben scrollen, bleibt die Klasse `docked` erhalten.

Soll das so sein? 🤔 Ich möchte, dass sich der Header verändert, sobald er sticky wird, aber das ist mir aufgrund dieses Verhaltens aktuell nicht möglich.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [31. März 2020 um 07:07 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194/2 "2020-03-31T07:07:09Z")

</div>

Vielleicht weiß @awesomerobot das?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [31. März 2020 um 20:52 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194/3 "2020-03-31T20:52:29Z")

</div>

Wenn ich mich richtig erinnere, ist die Klasse `docked` für zusätzlichen Inhalt gedacht, der dem Header hinzugefügt wird (im `Header`-Abschnitt eines Themes). Du kannst dem `Header` eine Textzeile hinzufügen, um zu prüfen, ob die Klasse wie erwartet ein- und ausgeblendet wird.

Solange du keinen benutzerdefinierten Header-Inhalt hast, bleibt der Header beim Scrollen also dauerhaft „andockt“.

Vor langer Zeit (ich denke, vor mehr als 4 Jahren) haben wir den Header oben auf der Seite wieder „undockt“ – doch diese Änderung wurde später versehentlich rückgängig gemacht, blieb lange unbemerkt, und wir haben uns dann entschieden, diesen Regressionzustand beizubehalten.

Wir können das wahrscheinlich verbessern: Das aktuelle Verhalten führt beim ersten Scrollen zu einem kleinen „Pop“ (zum Ansehen einfach die Seite neu laden). Allerdings müssen wir sehr vorsichtig sein, um nicht alle bestehenden Header-Anpassungen zu zerstören (es gibt davon sehr viele!). Vielleicht ist es sinnvoll, noch etwas zu warten (bis wir IE11 abschalten) und dann gemeinsam mit anderen größeren Verbesserungen – etwa die Nutzung von `position: sticky;` anstelle von `fixed;` – eine umfassendere Optimierung vorzunehmen.

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [1. April 2020 um 00:17 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194/5 "2020-04-01T00:17:38Z")

</div>

Ich bin mir nicht sicher, ob deine Antwort das auch impliziert, aber es wäre toll, wenn es in Zukunft möglich wäre, eine spezielle Klasse zu verwenden, wenn der Header sticky wird. Viele Websites heutzutage verwenden große, hohe Header, und ich wurde mehrfach gebeten, ein Discourse-Forum so anzupassen, dass es einen solchen Header hat. Ein hoher Header bedeutet jedoch, dass er beim Scrollen neu skaliert werden muss, und eine bereits vorhandene Klasse wäre dafür perfekt.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [1. April 2020 um 01:33 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194/6 "2020-04-01T01:33:13Z")

</div>

Oh ja, sorry, das habe ich nicht sehr klar ausgedrückt. Ich finde, das wäre etwas Hilfreiches, das wir hinzufügen sollten!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [1. Mai 2020 um 01:33 UTC](https://meta.discourse.org/t/body-docked-class-not-removed-when-scrolling-back-to-the-top/146194/7 "2020-05-01T01:33:17Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
