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. Erge Drop Down Menu Control
  2. CSS Jquery Pie Countdown Timer

    JavaScript

    グラデーションが美しい円形カウントダウン「CSS Jquery Pie Countdown Time…

    円形によるカウントダウンのタイマーを実装する「CSS Jquery P…

  3. KGallery

    JavaScript

    縦や横に配置されたサムネイルから画像を選択できるjQueryの画像ギャラリー「KGallery」

    縦や横に配置されたサムネイルから画像を選択することができるjQuery…

  4. jquery.horizonScroll.js
  5. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP