TOP

Articles

セクションに合わせてカレント(現在地)表示になるヘッダーメニュー

セクションに合わせてカレント(現在地)表示になるヘッダーメニュー

プレビューサイトで体験しよう!

実装ポイント

■Point.01
 ヘッダーをコンポーネント化して、メニュー分のカレント状態のデザインをVariantで用意する

■Point.02
 セクションごとにScroll Sectionを設定する

■Point.03
 ヘッダーにEffectsのScroll Variantを設定する
 セクションごとにVariantを切り替えるために、triggerをSection in Viewに設定する

Framer図鑑

サイトをご覧いただきありがとうございます。
少しでも「ワクワク」が見つかる楽しい時間になれたら幸いです。

Framer図鑑は今後も記事を更新していきますので、その時はXでお知らせしていきます!

興味がわいたクリエイターさんは是非一度Framerを触ってみてください!

Let's Go

©Kankitsu Kou Framer Encyclopedia

Create a free website with Framer, the website builder loved by startups, designers and agencies.