web-dev-qa-db-ja.com

Navbarでアニメーション化するのは良い考えですか?

ページが読み込まれると、GSAPを使用してNavbarでアニメーション化します。 navbarは、高さを0から100%に変更することでアニメーション化されています。

Cssの高さは常に0に設定されており、javascriptがユーザーを混乱させ、アニメーションが発生せず、ナビゲーションが表示されないことが心配です。

3
enddev

Cssの高さは常に0に設定されており、javascriptがユーザーを混乱させ、アニメーションが発生せず、ナビゲーションが表示されないことが心配です。

それは常にリスクです。

あなたができること、そして多くのJSフレームワークがすることは、HTMLのnojs要素にbodyクラスを含めることです。 JSが最初に行うことは、nojsクラスからbodyクラスを削除することです。

nojsクラスの子孫が100%の場合のnavbarの高さ、それ以外の場合は0。

1
MrWhite

あなたの質問に答えるには、あなたのウェブサイトのコンテンツと目的を知る必要があります。ナビゲーションバーはガイド用ですが、デザインはガイドよりも注意をそらすように見えます。

一般的な経験則として、スクロールを避けるために、シンプルでわかりやすく、簡単にアクセスできるようにします(スティッキナビゲーションバー)。ガイドが、気を散らさないでください。

ナビゲーションバーのデザインは、Webサイトの作成または中断に役立ちます。そのため、設計に時間をかける価値があります。

2

closetnocとbillalは非常に良い点を示しています。

追加した場合、サイトで何らかのアニメーションが好きですが、これら2つの条件の下でアニメーションを維持するのが最善だと思います。2つ目は、ロゴの場合に使用するものです。

  1. アニメーションは、ユーザーの注意を引くために使用する必要があります。基本的には行動を促すフレーズです。個人的には、ユーザーがホームページを指しているリンクをクリックするようにするのは良い考えだとは思いません。

  2. ホバー状況でアニメーションを使用します。ロゴは、CSSのスタイリングでかなりクールに見えます。

2
norcal johnny