2019/12/11意外と知らない!?マウススクロールに余韻をもたせるjqueryプラグインmacではブラウザを下へスクロールするとヌルッと余韻をもって動きます。逆にwindowsは下にスクロールしてもカチッとマウスホイールした分しか動きません。今回はwindowsユーザーでもマウススクロールに余韻をもたせるように見せるjqueryを紹介します。windowsユーザーはこのヌルッとしたスクロールに慣れていないため、わざわざ実装する必要はないかもしれません。サイトにパララックス効果を多く使っている場合は今回のjqueryは効果的です。記事内容を変更easeScroll.jsの他に、nicescroll.jsも追加しました。すべてのブラウザで機能させたいのであれば、nicescroll.jsを使ってください。今回はwindowsだけ適用させる設計です。マウススクロールに余韻をもたせるjqueryプラグインネットで検索するとたくさん出てくるのがsmoothScroll.jsですが、これはページ内のリンクからリンクをスムーズに移動するもの。「トップへ戻る」ボタンがいい例ですね。今回はこちらではなく、マウスホイールにスムーズな動きをつけるjqueryです。今回は以下の2つのプラグインを紹介します。・nicescroll.js(配布サイト)・easeScroll.js(配布サイト)nicescroll.jsの使い方とは?まずはguthub(nicescroll.js)からファイルをダウンロードしましょう。「jquery.nicescroll.js」を選択して、ご自身の環境にインポートしてください。インポートしたらjquery.nicescroll.jsファイルを開いて1部を書きかえます。致命的なバグがあり、こちらを直さないと機能しないので注意してください。false);書きかえたら、メモ帳でもいいのでinit.jsと名前をつけたファイルを作成します。init.jsに書く内容は以下です。設定できるパラメーターは複数ありますが、スピードに関係する部分だけ書いています。詳しいパラメーターを知りたい方はgithubで確認してください。//スクロールしたあとの余韻のレベル});}scrollspeed...マウススクロールでどのくらい進むか。数値が大きいほど進みます。mousescrollstep...スクロールが終わったあとの余韻をどのくらいつけるか。数値が大きいと余韻も長い。最後にすべてのファイルを読み込めば完了です。これでWindowsにだけ慣性スクロールを設定できます。src="/path/to/init.js"></script>easeScroll.jsの使い方とは?配布サイトからeaseScroll.jsをダウンロードして読み込みます。次にinit.jsという空のファイルを作って、以下のコードをコピペしましょう。100,//数値が大きいほど滑らか。パソコンの負担も大きくなる。8,//ブレーキを調整。