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

smooth-scroll

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

smooth-scrollの設置

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

●プラグインなし
① jQueryCNDを記述する。


② 実行宣言を記述する。


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

プラグインを使う

デモを見る

https://github.com/cferdinandi/smooth-scroll