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