ページ内の任意の場所へスムーズにスクロールさせる

a-blog cmsでは、ページ内をスムーズにスクロールできる設定が標準で実装されています。（v1.2.1より）
通常のHTMLのアンカーリンクでのページ内移動では瞬間的に移動しますが、この設定をおこなうとスクロールのスピードを徐々に変化させることができるため、ページ内のどこに移動したのかが分かりやすいというメリットがあります。

例えば、Webページの上部に移動させる「ページの先頭へ戻る」というアンカーリンクや、ページ内の任意の項目に移動させるアンカーリンクで使用できます。

ページ内の任意の場所へスムーズにスクロールさせる

1. 設定の編集

この機能の設定は、/js/acms/config.jsの以下の箇所にあります。設定を変更する場合は、適用しているテーマ内にJavaScriptファイルを別途作成してください。詳しくは「組み込みのJavaScriptの設定を編集する」を参照してください。

    // スクロール
    scrollToMark    : 'a.scrollTo',
    scrollToI       : 20,
    scrollToV       : 0.5,

2. HTMLの編集

例）

<!-- ▼スクロール先 -->
<a name="a">あああ</a>
<div id="b">いいい</div>
<!-- ▼アンカーリンク -->
<a href="#a" class="scrollTo" />
<a href="#b" class="scrollTo" />
<a href="#" class="scrollTo" />

上の例のように、アンカーリンクに「class="scrollTo"」を記述します。

hrefで指定しているフラグ名が存在しない場合（上記の例では「href="#"」）は、ページの最上部へスクロールします。