メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
ページトップに戻るボタンを配置する方法
ページトップに戻るボタンを配置する方法
Studio Support avatar
対応者:Studio Support
一週間前以上前にアップデートされました

お好きなアイコン要素、ボックス、テキストボックスでボタンを作成し、アンカーリンクをつけることで、ページトップに戻るボタンを配置することができます。

ここではアイコン要素を使ったボタンの作り方と配置方法を紹介します。

1.ページトップに戻るボタンの作り方

追加メニューからハートマークのアイコンをドラッグ&ドロップで、アイコンボックスをページに配置します。

ボックスをダブルクリックすると、追加パネルが開きますので、Material Iconsのライブラリからお好きなアイコンを選択します。

これでページトップに戻るボタンは完成です!

2.ページトップに戻るボタンの配置方法

ページに戻るボタンができたら、配置をしていきます。

方法については、以下の記事をご参照ください。

3.ページトップにIDを設定

次に、ページのトップに配置されたボックスを選択し、ページトップに戻るボタンが押されたときの遷移先となるようにIDを指定します。

4.アンカーリンクの設定

ページトップに戻るボタンとなるアイコンボックスを選択すると、右上に「>」のアイコンが出てきます。アイコンをクリックすると画面右にボックス設定パネルが表示されます。その中の「ページ」タブを見ると、先ほど3で指定したIDがリンク先の選択候補として表示されます。リンク先を選択すれば、ページトップに戻るボタンの完成です!


こちらの回答で解決しましたか?