京都・大阪・奈良のWebを成長させるホームページ制作pules designing

webdesign

by pules designing

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

webdesign

2017年4月1日

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

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

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

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

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

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

» smooziee.js