Google今日紹介するJavaScriptライブラリ[MoveTo]は、容量が約1KBと軽量で、しかもjQueryに依存せずにスムーススクロールを導入できるスグレモノです。サンプル:https://on-ze.com/demo/js-moveto/使い方は超簡単。下記サイトからダウンロードしたスクリプトファイル『moveTo.min.js』を読み込み、トリガーの設定をするだけ。ZIP』とクリックするとスグにダウンロードがはじまります。入手した『moveTo.min.js』はHTMLの適当な箇所で読み込みましょう。src="moveTo.min.js"></script>またこの作業と合わせてリンクターゲットも指定しておきます。具体的には、下記のようにID属性を指定することになりますね。id="target">ここにスクロールしてきますよ!</div>最後にスクロールを発火させるためのボタンを作ります。data-mt-duration="300">Trigger</button>たったこれだけ!初期設定は「tolerance」「duration」「easing」「callback」の4つの項目が用意されており、次のように記述して使用します。'easeOutQuart'})各設定項目の詳細toleranceスクロール到達地点の許容誤差を補正します。durationスクロール到達地点まで移動する時間をミリ秒単位で指定します。初期値は「800」です。easingスクロールのイージング描画の種類を指定します。初期値は「easeOutQuart」です。callbackスクロール終了時に実行される処理を指定できます。単純なスムーススクロールの実装で、これだけ設定できれば充分ではないでしょうか。第2版TwitterFacebookGoogle+FeedlyLINEこちらの記事もいかがですか?アナタにオススメ!同じカテゴリーの他の記事です。【JavaScript】テキストエリアに入力された文字数をカウントします。【JavaScript】デジタル時計を表示する方法。【JavaScript】ラジオボタンにリンクを設置する方法。【JavaScript】単体で使える超軽量スライダー[Siema]は初心者の方にオススメです。【JavaScript】ウィンドウを閉じるリンクを実装する方法。