◎ 様々な演出効果

ページ内リンクをスルスル

smooth-scroll

ページ内のリンクを移動する際に、「スルスル」と快適に移動させる演出があります。急にページが切り替わるデフォルト仕様に比べると、smooth-scrollが導入されているページのほうが、ユーザーに安心感を与え、快適な心地よさを印象付ける効果があると言えるでしょう。
サンプルを見る

smooth-scrollの設置

設置は、極めて簡単です。プラグインを使う方法と使わない方法があります。
(注)ページ内リンクの場合、全体にある程の高さ(height)がないと確認しづらいです。
●プラグインなし
① jQueryCNDを記述する。

② 実行宣言を記述する。

スクロールの速度は、調節してください。

プラグインを使う

デモを見る
https://github.com/cferdinandi/smooth-scroll