ページ内スクロールの設定方法

[kenzou]

クリックしたらページの下に移動させたいです。
設定方法を教えてください。

[Staff01キーマスター]

同じページ内で指定の場所を表示するページ内リンク・ページ内スクロールの設定方法をご案内いたします。

手順概要

下記の2つの設定を行います。

1. スクロールで表示させたい先への設定（アンカーの設定）
2. クリックするリンクURLの設定

1. スクロールで表示させたい先への設定（アンカーの設定）

ページ途中の見出しブロックへスクロールさせたい場合を例にご案内します。
他のブロックで設定する場合も設定方法は同じなので読み替えてご覧ください。

スクロールで表示させたい先への設定方法概要

ブロックの入力補完機能から「追加設定」を表示させ、「HTML アンカー」欄に英数字で文字を入れます。

手順

1. スクロールで表示させたい先の見出しをクリックし、入力補完機能を表示させます。
2. 右端の三点 > 追加設定を表示 の順にクリックすると編集画面右側に追加設定のための入力欄が表示されます。
3. 追加設定欄で横並びの「基本ページ（もしくは複数ページ）」と「ブロック」でブロックをクリックすると「高度な設定」が表示されるのでクリックします。
4. HTML アンカー欄へ英数字で文字を入れます。
   （以下、HTMLアンカーに midashi-01 と設定した場合を例示します）

2. クリックするリンクURLの設定

クリックするリンクを設定する操作の概要

リンク設定ができるブロックであればどのブロックでも設定できます。
リンクするURLの設定欄に「#」とHTML アンカー欄に設定した英数字を入力します。

例

HTMLアンカーに midashi-01 と設定した場合はリンクURLの設定欄には #midashi-01 と設定します。

---

重ねてご不明点がございましたらご不明点を伺いながらご案内しますので、サポート窓口へお問い合わせください。
https://funmaker.jp/reserve-support/

[投稿者]

投稿