ページが読み込まれると、GSAPを使用してNavbarでアニメーション化します。 navbarは、高さを0から100%に変更することでアニメーション化されています。
Cssの高さは常に0に設定されており、javascriptがユーザーを混乱させ、アニメーションが発生せず、ナビゲーションが表示されないことが心配です。
Cssの高さは常に0に設定されており、javascriptがユーザーを混乱させ、アニメーションが発生せず、ナビゲーションが表示されないことが心配です。
それは常にリスクです。
あなたができること、そして多くのJSフレームワークがすることは、HTMLのnojs
要素にbody
クラスを含めることです。 JSが最初に行うことは、nojs
クラスからbody
クラスを削除することです。
nojs
クラスの子孫が100%の場合のnavbarの高さ、それ以外の場合は0。
あなたの質問に答えるには、あなたのウェブサイトのコンテンツと目的を知る必要があります。ナビゲーションバーはガイド用ですが、デザインはガイドよりも注意をそらすように見えます。
一般的な経験則として、スクロールを避けるために、シンプルでわかりやすく、簡単にアクセスできるようにします(スティッキナビゲーションバー)。ガイドが、気を散らさないでください。
ナビゲーションバーのデザインは、Webサイトの作成または中断に役立ちます。そのため、設計に時間をかける価値があります。
closetnocとbillalは非常に良い点を示しています。
追加した場合、サイトで何らかのアニメーションが好きですが、これら2つの条件の下でアニメーションを維持するのが最善だと思います。2つ目は、ロゴの場合に使用するものです。
アニメーションは、ユーザーの注意を引くために使用する必要があります。基本的には行動を促すフレーズです。個人的には、ユーザーがホームページを指しているリンクをクリックするようにするのは良い考えだとは思いません。
ホバー状況でアニメーションを使用します。ロゴは、CSSのスタイリングでかなりクールに見えます。