Google Chromeには、ページスクロールバーをカスタマイズするオプションがほとんどありません。 スクロールバーの色、ボタン、寸法、スクロール速度をカスタマイズできたら素晴らしいと思いませんか？ まあ、あなたはいくつかのChrome拡張機能でそれを行うことができます。
ChromecastでKodiをストリーミングする方法の記事もご覧ください。
Rescrollerを使用してGoogle Chromeスクロールバーをカスタマイズする
Rescrollerは、おそらくChromeスクロールバーをカスタマイズするための最適な拡張機能です。 ブラウザにRescrollerを追加するには、このページに移動します。 追加したら、ツールバーの Rescroller Settings ボタンをクリックして、以下のページを開くことができます。
次に、スクロールバーの幅をカスタマイズできる[全般]オプションまで少し下にスクロールします。 スクロールバー サイズ バーをドラッグして、 スクロール バーの幅を調整できます。 これにより、Rescrollerページの右側にあるバーの幅が構成されます。
そのスライドバーのすぐ下に、ブラックリストテキストボックスがあります。 そこでWebサイトのURLを入力して、デフォルトのスクロールバーを保持できます。 そうすると、カスタマイズされたスクロールバーはそれらのウェブサイトに含まれなくなります。
スライダーオプションまで下にスクロールして、スライダーの色を設定します。 [ 色] ボックスをクリックして、スライダーの代替色を選択できるパレットを開きます。 そこから色を選択し、パレットの[ 適用 ]をクリックして、スライダーの色を切り替えます。
または、背景画像を垂直および水平スライダーに追加します。 [画像 の 選択] ボタンを押して、スライダーの画像を選択します。 次に、 開く を押して、以下のようにスライダーに画像を追加します。
スライダーオプションには、 シャドウ と ボーダーの スライドバーも含まれます。 ボーダーバーを上にドラッグすると、スライダーにボーダーが追加されます。 影 バーを上にドラッグして、影効果を適用します。
ほとんどのスライダーはデフォルトで正方形です。 ただし、Chromeスライダーをカスタマイズして、より湾曲させることができます。 丸みを帯びたコーナー のスライドバーをさらに右にドラッグして、以下のようにスライダーに曲線コーナーを追加します。
その下で、 ホバリング 時のスタイルのカスタマイズ および クリック時のスタイルのカスタマイズの チェックボックスを選択できます。 それらを選択して、以下に示すオプションを開きます。 これらの設定を使用すると、カーソルでホバーまたは選択するときにスライダーの色をさらにカスタマイズできます。
[背景]オプションを使用すると、メインスクロールバーをカスタマイズできますが、スライダーはカスタマイズできません。 これらの設定は、スライダーオプションとほとんど同じです。 そのため、メインスクロールバーの色、影、境界線をほぼ同じようにカスタマイズできます。
Rescrollerページの少し下には、ボタンオプションがあります。 まだ選択されていない場合は、[ スクロールボタン を 表示 ]をクリックして、スクロールバーにボタンを追加し、それらの設定を展開します。 次に、[ 色 ]ボックスをクリックして、これらのボタンの新しい色を選択できます。 良いボタン画像がある場合は、 Up 、 Right 、 Bottom 、 Left ボックスのXをクリックし、 Select Image を押してスクロールバーに追加します。 Iconfinder Webサイトのこのページをチェックして、スクロールバーの矢印ボタンアイコンを見つけてください。
丸い角を矢印ボタンに追加することもできます。 ページの一番下までスクロールして、 角丸 バーをさらに右にドラッグします。 さらに、矢印ボタンのオプションを ホバー 時にスタイル を カスタマイズ および クリック時にスタイル を カスタマイズを 選択できます。
Chromeに最小限のスクロールバーデザインを追加する
スクロールバーをすばやくカスタマイズするには、 最小スクロールバー拡張機能を確認してください。 これは、Google Chromeに新しいスクロールバーを追加する拡張機能です。スクロールバーが選択されていない場合、カーソルをカーソルの上に置くと拡大または縮小します。 また、角が丸い透明なスライダーもあります。
このページを開き、そこにある緑色のボタンを押して、この拡張機能をChromeに追加します。 次にブラウザを再起動し、いくつかのページを開いて新しいスクロールバーを試してください。 ページには、すぐ下のスナップショットに示されているスクロールバーが含まれています。
したがって、このスクロールバーは、選択されていない場合、事実上幅が狭くなります。 カーソルをその上に置いて、スクロールバーを展開します。 透明なスライダーも新しいものです。
この拡張機能には多くのカスタマイズオプションがありませんが、デフォルトのスクロールバーが特定のページに配置されるように設定します。 ツールバーの[ 最小スクロールバー ]ボタンを右クリックし、[ オプション ]を選択して下のタブを開きます。 そこで、テキストボックスにページURLを入力して、カスタマイズされたスクロールバーが含まれないようにすることができます。
スクロールバーのページスクロールをカスタマイズする
RescrollerまたはMinimal Scrollbarを使用して、スクロールバーのページスクロールをカスタマイズすることはできません。 ただし、Chromeユーザーがこのページからブラウザに追加できるChromium Wheel Smooth Scroller拡張機能を使用してこれを行うことができます。 次に、ツールバーの[ Chromium Wheel Smooth Scroller ]ボタンを右クリックし、[ オプション ]を選択して、以下に示すページを開きます。
上部にはマウスホイールのオプションがあり、マウスホイールのスクロールをカスタマイズできます。 たとえば、各マウスホイールロールは、特定の量だけスライダーをページの下にスクロールします。 [ ステップサイズ] バーをさらに左または右にドラッグしてカスタマイズできます。 バーを右にドラッグすると、各ホイールロールでスライダーがページを下にジャンプするピクセル数が増え、スクロール速度が効果的に向上します。
そのすぐ下に、 Smoothness および Smoothness（Forepart） バーがあります。 これらのバーをさらに右にドラッグすると、ホイールロールでのページスクロールがスムーズになります。 それらを左端にドラッグすると、マウスホイールを使用したページスクロールが少し不安定になります。
矢印キーでページを上下にスクロールすることもできます。 マウスオプションの下には、キーボードのページスクロールをカスタマイズできる設定があります。 オプションは基本的にマウスのオプションと同じですが、Chromeのキーボードスクロールバー設定をカスタマイズする点が異なります。
ページの下部にブラックリストテキストボックスがあります。 そこで、選択したChromium Wheel Smooth Scroller設定から除外するWebサイトのURLを入力できます。
そのため、これらの拡張機能を使用して、Google Chromeスクロールバーをカスタマイズできます。 Rescrollerを使用してスクロールバーをオーバーホールし、Minimal Scrollbarを使用してブラウザーに新しい透明なスライダーを追加するか、Chromium Wheel Smooth Scrollerを使用してページスクロールをさらに構成できます。
