Diviのヘッダーのアニメーションを消す方法【コード要らず】

Diviのヘッダーアニメーションを消す方法

Diviはディフォルトでスクロール時に、ヘッダーのサイズが変わるアニメーションが付いてきます。

Diviのヘッダーアニメーション

カッコいいですが、ちょっとウザいと思う時もあるのではないでしょうか?
しかもアニメーションを消すオプションがないんです。
じゃあJSかCSSを使ってアニメーションを消すしかないのか?

実はその必要はないんです。
カスタマイザーのオプションの設定の仕方で、このアニメーションは消すことができるんです。
とっても簡単です。

ではそのやり方を紹介しますね。

アニメーションを消す

まずはテーマカスタマイザーにいき、『ヘッダーとナビ』→『第一メニューバー』の設定に行きます。

Diviで第一メニューバーの設定

ここで注目するのは『メニューの高さ』です。
今これ68になってますよね。
自分のDiviのインストールでもそこの値をしっかり覚えてください。

固定ナビ設定

次にカスタマイザーのナビゲーションを一つ戻り、『固定ナビ設定』に行きます。

Diviの固定ナビ設定

『固定メニューの高さ』を『メニューの高さ』と同じにする

『固定メニューの高さ』とありますね。
これを先ほどの『メニューの高さ』と同じにします。
68だったので、こちらも68にします。

これだけです。

これでもうアニメーションは起こりません。
超簡単だったのではないでしょうか?
是非試してみてください!

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です