サイト内リンクをスムーズにスクロールさせるJQueryプラグイン「smooziee.js」 | データに強い千葉のWebサイト制作 pules

webdesign

by pules designing

サイト内リンクをスムーズにスクロールさせるJQueryプラグイン「smooziee.js」

webdesign

2017年4月1日

今日ご紹介するのはサイト内リンクをスムーズにスクロールさせる機能を実装するJQueryプラグインのsmooziee.jsです。

HTMLでidをつけておき、リンクで#(そのid)を指定することで、そのidの箇所にジャンプすることができますが、
急に移動して驚かせてしまうことがあります。

しかし、このプラグインを使うと、ちょうど良いスピードでそのidの箇所に移動してくれます。
ページが変わる場合にも対応されていて使い勝手が良いです。

早速実装してみました。(RESULTタブ)

RESULTタブにあるリンクをクリックするとささっとスクロールしましたか?
デフォルトの設定でも十分気持ち良い感じにスクロールしてくれます。

ぜひ使ってみてくださいね。

» smooziee.js

Webサイトの制作や運用でお困りの際にはぜひお気軽にご相談ください