[uh]

【お使いの Snow Monkey のバージョン】
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】
【当該サイトのURL】

### 実現したいこと
メインビジュアルをオーバーレイにし、ロゴを非表示。
ページスクロールしたときに初めて、ヘッダーにロゴやメニューが表示さえるようにしたい。

現在、PC用ヘッダー位置を「オーバーレイ（上部固定/スクロール時背景白）」に設定しています。
メインビジュアルを画面いっぱいに表示させたいため、ヘッダーに設定しているサイトロゴを非表示にさせたいです。
可能でしょうか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

Snow Monkey はスクロールしているかしていないかが html 要素の data-scrolled 属性で確認できるので、それを使うのが良いと思います。

/* スクロールしていないときはヘッダーを隠す */
[data-scrolled="false"] .l-header {
  visibility: hidden;
}

♥ 0

いいねをした人: 居ません

[uh]

キタジマさん、早速の助言をありがとうございました！
いただいたコードで実装ができました。
グローバルナビはふわっと出現するので、ロゴも合わせてふわっと出したくなっているので
チャレンジしてみます！

クローズさせていただきます。ありがとうございました。

♥ 1

いいねをした人:

[投稿者]

投稿