ブランドヘッダーをスクロールさせずに固定しますか？

開発
,
1

確認します。

これをインストールした後、ヘッダーがページ外にスクロールしてしまうようです。既存の Discourse ヘッダーの上にヘッダーを固定する方法はありますか？

2

再現できません。スクリーンショットを送っていただけますか？

3

おっと、混乱させてしまって申し訳ありません。意図した動作についてお伺いしたいのですが。

ローカル環境では、長いスレッドをスクロールするとブランドヘッダーが画面外にスクロールして消えてしまいます。

4

以下のように .b-header の CSS スタイルを変更してみてください。

.b-header {
  position: fixed;
}

目的を達成するには、さらに CSS の編集が必要になる場合があります。

5

Vinoth さん、ありがとうございます。

これに役立つことがいくつか見つかりました。

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

これにより、カスタムヘッダーがスクロール時に固定され、常に Discourse のヘッダーの上に配置されます。

このアプローチで考えられる唯一の欠点は、ヘッダーコンポーネントの追加的な固定高さのため、スレッドタイトルが通常よりも少し遅れて Discourse ヘッダーに表示されることです。

このロジックを変更する方法はわかりません。おそらく Discourse の内部 somewhere にあるのでしょう。