メインコンテンツにスキップ

自動スクロールを設定する

Takeda avatar
対応者:Takeda
2週間以上前に更新

ページの右下の 「トップへ戻る」 アイコンからページの先頭まで自動スクロールで戻る仕掛け

Webページでよく目にします。もちろん、dpdpでも同じ挙動を仕掛けることができます。

同一ページ内の任意のレイヤまで自動でスクロールする設定方法を説明します。

自動スクロールの設定方法

1. ページの上下離れた位置に1つずつレイヤを置きます。( 下図の例では 「A」と「B」 )

2. 右側のリンクパネルを開き、Aのレイヤに 「リンクID」 を設定します。

💡 リンクIDには、数字から始まる文字列は設定できません

ここでは簡易板AのリンクIDを仮に 「top」 としておきます。

3. Bのレイヤのリンク設定をします。

順に説明します。 ❶ 最初にBのレイヤを選択します。❷ 右側のパネルをリンクタブに切り替えます。❸ 「リンク」の文字の右横の 「なし」 をクリックするとリンク先候補のパネルが開きます。

➍ 今回は同じページ内での移動なので 「ページ内」 を選択します。

💡 このケースではレイヤB にリンクIDを設定する必要はありません

リンク先ページを指定したら、続けてどのリンクIDに飛ばすのかを選択するパネルに切り替わるので、❺ 先ほど上で簡易板Aに割り振ったリンクID 「top」 を選択します。

(通常のリンクを張る作業であれば、この時点で作業は完了ですが、自動スクロールの場合は、まだ続きがあります)

リンク先の設定がすべて終わったら最後に ❻ 「レイヤまでスムーズにスクロール」 のチェックボックスにチェックを入れて完了です。

(これを忘れると、レイヤBをクリックしてもスクロールせず、直接レイヤAまで飛ぶことになります)

以上です。

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