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

jquery.confirmDialogフルスクリーンによるダイアログボックスを表示できる「jquery.confirmDialog」前のページ

レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」次のページViewBox

関連記事

  1. no-image

    JavaScript

    さまざまなデバイスに対応したパララックスを実装できる「PARALLAX」

    PARALLAXは、さまざまなデバイスに対応したシンプルなパララックス…

  2. CaptionerJs

    JavaScript

    画像に開閉できるキャプションを実装できるjQueryプラグイン「CaptionerJs」

    CaptionerJsは画像に開閉できるキャプションを実装することがで…

  3. Dynamic Table

    JavaScript

    スプレッドシートのようなテーブルを実装できるjQueryプラグイン「Dynamic Table」

    Dynamic Tableはスプレッドシートのような高機能なテーブルを…

  4. quick-select

    JavaScript

    素早く簡単に選択できるセレクトボックス「quick-select」

    quick-selectは素早く簡単に選択可能なセレクトボックスを実装…

  5. Slight Submenu
  6. JavaScript

    要素の位置までスクロールしてスピード設定もできるjQueryプラグイン「scrollToBySpee…

    scrollToBySpeedは指定した要素の位置までスクロールしてく…

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP