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. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

  2. Liquid Slider

    JavaScript

    タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

    ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにも…

  3. no-image

    JavaScript

    オシャレなスクロールエフェクトを実装できる「jQuery Smoove」

    jQuery Smooveは、オシャレなスクロールエフェクトを実装する…

  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーションを遅らせるにはdelayを使えばいいらしい

    ちょっとしたメモです。jQueryでanimateをメソッドチェーンで…

  5. ShowMore.js

    JavaScript

    長いコンテンツを折りたためるjQueryプラグイン「ShowMore.js」

    ShowMore.jsは長いコンテンツを折りたたんで表示・非表示を簡単…

  6. crossfade.js

    JavaScript

    スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

    crossfade.jsというjQueryプラグインを使えば、スクロー…

最近の記事

  1. 椿屋特製アイス珈琲
  2. 有栖川公園
  3. グーディオ オーガニックチョコレート(ミント)
  4. チキンバターマサラとシュリンプバターマサラ
  5. 恵比寿のダ・ミケーレのピザ

アーカイブ

PAGE TOP