【XD】「追従ボタン」の実装方法

【XD】「追従ボタン」の実装方法

アイコン

追従ボタン」を実装したいのですが、どうやればいいんですか〜?

アイコン

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




1.今回実装する「追従ボタン」

今回は、以下のような追従ボタンを実装していきます。



2.「追従ボタン」の実装手順

①追従させるボタンを「すべて一つにグループ化」する。
②「プロトタイプ」をクリック。

①追従させるボタンを「すべて一つにグループ化」する。②「プロトタイプ」をクリック。

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

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

⑦「ボタン」が追従されているか確認。

追従ボタン

さいごに

アイコン

追従ボタン」を実装することができました〜

アイコン

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