【XD】「ヘッダーを固定」する方法

【XD】「ヘッダーを固定」する方法

アイコン

ヘッダーを固定」させたいのですが、どうやればいいんですか〜?

アイコン

1分」ほどで、わかる内容にまとめたのでさっそく解説していきますね〜




1.今回実装する「ヘッダー固定」

今回は、以下のようなヘッダー固定を実装していきます。



2.「ヘッダー固定」の実装手順

①固定させるヘッダーは「すべて一つにグループ化」する。
②「プロトタイプ」をクリック。

①固定させるヘッダーは「すべて一つにグループ化」する。②「プロトタイプ」をクリック。

③「ヘッダー」を選択。
④右クリックで「最前面へ」をクリック。
※ヘッダーがスクロール時にコンテンツの下にいってしまうため。
⑤「スクロール時に位置を固定」にチェック。
⑥「プレビュー」ボタンをクリック。

③「ヘッダー」を選択。④右クリックで「最前面へ」をクリック。※ヘッダーがスクロール時にコンテンツの下にいってしまうため。⑤「スクロール時に位置を固定」にチェック。⑥「プレビュー」ボタンをクリック。

⑦「ヘッダーの固定」がされているか確認。

ヘッダーの固定

さいごに

アイコン

ヘッダーを固定」することができました〜

アイコン

またやってみてください〜