【WordPress】ページ内のリンク先から特定のIDにスクロールするPage scroll to id

WordPress

Page scroll to id

March 11, 2017


Page scroll to idはページ内のリンクから同じページ内の特定のIDにスクロールする際にアニメーション化させるプラグイン。

Page scroll to idプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Page scroll to idを検索
有効化にすると設定にPage scroll to idが追加されます。

Page scroll to id

セレクタの変更やスクロールスピード、アニメーションの変更などが行えます。

Selector(s)を変更しなければページ内リンクのaタグ内にrel=”m_PageScroll2id”を追加するとページ内リンクの目的の箇所にスクロールします。
example:

<header id="head">
...
</header>
<main>
....
</main>
<a href="#head" rel="m_PageScroll2id">トップに戻る</a>

Latest Posts

Related Posts