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. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  2. RefineSlide

    JavaScript

    多数のエフェクトが素敵!レスポンシブ対応のjQueryスライダー「RefineSlide」

    多数のエフェクトがあってレスポンシブWebデザインにも対応しているスラ…

  3. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

  4. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  5. jQuery GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  6. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

最近の記事

  1. M32ミニ
  2. CITTA TT5.0
  3. Kindle Oasis
  4. OWL-WDDESK01

アーカイブ

PAGE TOP