MoveTo

JavaScript

軽量なスムーススクロールを実装できるJSライブラリ「MoveTo」

MoveToは軽量(圧縮版で1KBほど)なスムーススクロールを実装することができるJSライブラリです。jQueryなどに依存する必要もなく、動作も読み込みもサクサクなのがいいですね。ページ内リンクに、スムーズなスクロールアニメーションを実装したい人は要チェックです。

MoveTo

デモ

デモでは「Lets try!」というボタンをクリックすると、下の方へスルスルと自動スクロールされます。「Back to Top!」というボタンで、今度は上の方へスクロールされます。

クリックひとつで、目的の場所まで自動でスクロール移動するのでとても快適ですね。縦長のページやページ内のリンクがたくさんあるサイトにはピッタリの機能といえます。

使い方もとても簡単なので、気軽に導入できるのではないでしょうか?

また、MoveToにはいくつかオプションも用意されています。具体的なオプション項目は、tolerance、duration、easing、callbackです。デフォルト値は、toleranceが0、durationが800、easingがeaseOutQuartです。

スクロールのスピード調節やコールバックなども指定できるので、好みに合わせたカスタマイズをして使いたい人にもうれしい仕様ですね。

jQueryなどに依存しないスムーススクロールを実装できるJSライブラリを求めている人は、ぜひ「MoveTo」を活用されてみてはいかがでしょうか?

MoveTo

関連記事

  1. busy-load

    JavaScript

    シンプルでフレキシブルなローディングマスクプラグイン「busy-load」

    busy-loadはシンプルでフレキシブルなローディングマスクを実装す…

  2. Typewriter JS

    JavaScript

    タイプライターっぽいエフェクトでテキストを表現できる「Typewriter JS」

    Typewriter JSは、タイプライターを使って文字入力するような…

  3. GRT Responsive Menu
  4. ResponsifyJS

    JavaScript

    画像で見せたいエリアを保持しながらレスポンシブにできる「ResponsifyJS」

    ResponsifyJSは画像のなかで見せたいエリアを保持させながらレ…

  5. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  6. no-image

最近の記事

  1. M360bt
  2. BQ-CASE/1
  3. GLOO BOX

アーカイブ

PAGE TOP