XDで画面下に配置する固定フッターを作成する方法を紹介していきます。
イメージはこんな感じ。
Webディレクターは割とXDを触る機会が多いので、地味な技術ですがまとめます。
ヘッダーを作成する方法はこちらで解説していますので併せてどうぞ！やり方は簡単すぎるのでサクッと解説していきます。
目次
XDで固定フッターを作成する方法
固定したいフッターを作ります。
作ったらグループ化しておきましょう。
ビューポート位置に設定
作った固定フッターをビューポート位置に移動します。
ビューポートとは
ファーストビューの高さです。（青の点線のやつ）
「スクロール時に位置を固定」を設定
作った固定フッターを選択して右サイドバーにある「スクロール時に位置を固定」にチェックを入れます。
これだけ！！
【まとめ】フッターを固定する方法は簡単でした。
というわけで記事は以上です。ポイントは常に全面に表示しておくくらいです。XDの編集画面では見栄え悪いですがクライアントなどに共有する際はプレビュー画面のみしか表示されないなので問題ないかと！
今回は以上です。
関連記事は↓から
