Diviのヘッダーのアニメーションを消す方法【コード要らず】
こんにちはナオミです。
Diviはデフォルトでスクロール時に、ヘッダーのサイズが変わるアニメーションが付いてきます。
カッコいいですが、ちょっとウザいと思う時もあるのではないでしょうか？
しかもアニメーションを消すオプションがないんです。
じゃあJSかCSSを使ってアニメーションを消すしかないのか？
実はその必要はないんです。
カスタマイザーのオプションの設定の仕方で、このアニメーションは消すことができるんです。
とっても簡単です。
ではそのやり方を紹介しますね。
アニメーションを消す
まずはテーマカスタマイザーにいき、『ヘッダーとナビ』→『第一メニューバー』の設定に行きます。
ここで注目するのは『メニューの高さ』です。
今これ６８になってますよね。
自分のDiviのインストールでもこの値をしっかり覚えてください。
固定ナビ設定
次にカスタマイザーのナビゲーションを一つ戻り、『固定ナビ設定』に行きます。
『固定メニューの高さ』を『メニューの高さ』と同じにする
『固定メニューの高さ』とありますね。
これを先ほどの『メニューの高さ』と同じにします。
６８だったので、こちらも６８にします。
これだけです。
これでもうアニメーションは起こりません。
超簡単だったのではないでしょうか？
是非試してみてください！
Diviのことをもっと深く知りたい方は、Diviの使い方完全ガイドをご覧ください。
Diviの最新情報を知りたいなら、ノーコードでWEBサイト制作を支援するサロン『TOFUラボ』に参加しませんか？
私が運営してるノーコードでWEBサイト制作を支援するのコミュニティです。
最新情報だけではなく技術的な質問も飛び交っています。
また、デザインやSEOなどWEBサイト制作に関する様々な勉強会も開催されています。
『TOFUラボ』の紹介はこちらです
興味があれば、是非参加してくださいね。
入会してから７日間は無料で合わないなと思えばいつでもキャンセル可能です。
それではまた！
