<body>에 항상 존재하는 "docked"?

[Don]

이것이 도움이 될 수 있습니다:

헤더 스크롤 그림자

You can add something like to the header tab of your theme <div class="header-anchor"></div> <script type="text/discourse-plugin" version="0.8"> if (!"IntersectionObserver" in window) return; const { on } = require("discourse-common/utils/decorators"); const stickyClass = "sticky"; api.modifyClass("component:site-header", { @on("didInsertElement") stickyHeaderCheck() { const anchor = document.querySelector(".header-anchor"); const header = this.element; new IntersectionObse…

도킹된 헤더 바의 로고

Hello I think you can use for this @Johani 's fantastic solution. Something like this Create a new component and add the following. Header section <div class="header-anchor"></div> <script type="text/discourse-plugin" version="0.8"> if (!"IntersectionObserver" in window) return; const { on } = require("discourse-common/utils/decorators"); const stickyClass = "sticky"; api.modifyClass("component:site-header", { @on("didInsertElement") stickyHeaderCheck() { c…

@adundovi

지금 불행하게도, 이 클래스는 그 목적을 잃게 됩니다: 단순히 완전히 제거하고 라인에 포함된 not(.docked)를 삭제할 수 있습니다.

말씀하신 이 .docked는 .topic-progress-wrapper에 사용되는 것과 다릅니다.
이는 이 이 나타날 때 표시됩니다.

토픽의 하단에 고정(docked)됩니다.