Hi. When we start scrolling, the class docked appears on <body>. But when we scroll back to the top, the class docked remains. Is that supposed to be this way :thinking:? I’d like to make the header different when it goes sticky, and I currently can’t because of this.

If I remember correctly the docked class is meant for additional content added to the header (in the Header section of a theme). You can add a line of text to Header to see the class show/hide as expected. So unless you have custom header content, the header is docked at scroll and stays that way p…

I’m not sure if your reply also implies this but in the future, if it is possible to have a specific class when the header goes sticky that would be neat. A lot of site these days use large, tall headers and I was asked several times to customize a Discourse forum to have such a header. But a tall h…

<body> docked class not removed when scrolling back to the top?

Product Support

awesomerobot (Kris) April 1, 2020, 1:33am 6

oh yes sorry, I didn’t imply that very clearly. I do think it would be something helpful we should add!

Topic		Replies	Views
"docked" in <body> always present? Bug	2	651	February 2, 2022
Stick header in proper scroll position when having a custom fixed topbar on top of it Product Support	6	3442	March 14, 2019
Elastic scrolling on ipad causes header to unstick from top of window UX tablet	4	1713	September 21, 2015
Option to keep header docked with custom header above? UX	0	598	July 27, 2020
Logo in docked header bar Product Support	1	623	January 27, 2022

<body> docked class not removed when scrolling back to the top?

Related topics