メイン Windows Os Google Chrome のスクロールバーをカスタマイズする方法

Google Chrome のスクロールバーをカスタマイズする方法



Google Chrome には、ページのスクロールバーをカスタマイズするためのオプションがほとんどありません。スクロールバーの色、ボタン、サイズ、スクロール速度をカスタマイズできたら素晴らしいと思いませんか?そうですね、いくつかの Chrome 拡張機能でそれを行うことができます。

Google Chrome をカスタマイズする方法

Rescroller を使用した Google Chrome スクロールバーのカスタマイズ

再スクローラー おそらく Chrome スクロールバーをカスタマイズするのに最適な拡張機能です。に向かいます このページ Rescroller をブラウザに追加します。追加したら、再スクローラー 設定ツールバーの ボタンをクリックして、下のページを開きます。

テキスト メッセージを電子メール iphone に自動的に転送する

クロームスクロールバー

次に、スクロールバーの幅をカスタマイズできる [一般オプション] まで少し下にスクロールします。ドラッグできますスクロール・バー サイズスクロールバーの幅を調整するバー。これにより、Rescroller ページの右側にあるバーの幅が構成されます。

そのスライドバーのすぐ下に、ブラックリスト テキスト ボックスがあります。そこに、デフォルトのスクロールバーを維持する Web サイトの URL を入力できます。そうすれば、カスタマイズされたスクロールバーはそれらの Web サイトに含まれなくなります。

スライダー オプションまでスクロールして、スライダーの色を構成します。クリックボックスをクリックして、スライダーの代替色を選択できるパレットを開きます。そこから色を選んでクリック申し込むパレットでスライダーの色を切り替えます。

クロムスクロールバー2

または、背景画像を垂直スライダーと水平スライダーに追加します。を押します画像を選択ボタンをクリックして、スライダーの画像を選択します。次に押す開いた以下のようにスライダーに画像を追加します。

クロームスクロールバー3

スライダー オプションには、そしてボーダーズスライドバー。ボーダー バーを上にドラッグすると、スライダーにボーダーが追加されます。をドラッグしますバーを上に押して、影の効果を適用します。

ほとんどのスライダーは、デフォルトで正方形です。ただし、Chrome スライダーをカスタマイズして、より湾曲させることができます。をドラッグします角丸s スライドバーをさらに右に移動して、以下のようにスライダーにカーブしたコーナーを追加します。

クロムスクロールバー4

その下で選択できますホバリング時のスタイルをカスタマイズそしてクリック時のスタイルをカスタマイズチェックボックス。それらを選択して、以下に示すオプションを開きます。これらの設定を使用すると、カーソルを合わせたり、カーソルで選択したりしたときに、スライダーの色をさらにカスタマイズできます。

クロムスクロールバー10

背景オプションを使用すると、メインのスクロールバーをカスタマイズできますが、スライダーはカスタマイズできません。これらの設定は、スライダー オプションとほぼ同じです。そのため、メイン スクロールバーの色、影、境界線をほぼ同じようにカスタマイズできます。

Rescroller ページの少し下には、Buttons オプションがあります。まだ選択されていない場合は、スクロールボタンを表示スクロールバーにボタンを含め、それらの設定を拡張します。次に、これらのボタンの新しい色を選択するボックス。適切なボタン画像がある場合は、[X] をクリックします。アップ正しいそしてボックスを押してから画像を選択それらをスクロールバーに追加します。チェックアウト このページ スクロールバーの矢印ボタン アイコンを見つけるには、Iconfinder Web サイトで。

クロムスクロールバー5

矢印ボタンに角を丸くすることもできます。ページの一番下までスクロールし、丸い角そこのさらに右にバー。さらに、ホバリング時のスタイルをカスタマイズそしてクリック時のスタイルをカスタマイズ矢印ボタンのオプション。

最小限のスクロールバー デザインを Chrome に追加する

スクロールバーをすばやくカスタマイズするには、 最小限のスクロールバー 拡張 .これは、Google Chrome に新しいスクロールバーを追加する拡張機能で、カーソルをその上に置くと拡大し、スクロールバーが選択されていない場合は縮小または最小化します。角が丸くなった透明なスライダーもあります。

このページを開いて緑色のボタンを押して、この拡張機能を Chrome に追加します。次に、ブラウザを再起動し、いくつかのページを開いて新しいスクロールバーを試してください。ページには、すぐ下のスナップショットに表示されているスクロールバーが含まれていることがわかります。

クロムスクロールバー6

したがって、このスクロールバーは、選択されていない場合、効果的に幅が縮小されます。その上にカーソルを置くと、スクロールバーが展開されます。透明なスライダーも新しいものです。

この拡張機能には多くのカスタマイズ オプションがありませんが、デフォルトのスクロールバーが特定のページの所定の位置に留まるように構成します。を右クリックします。最小限のスクロールバーツールバーのボタンを選択し、オプション下のタブを開きます。そこで、テキスト ボックスにページの URL を入力して、カスタマイズされたスクロールバーが含まれないようにすることができます。

クロムスクロールバー7

スクロールバーのページスクロールをカスタマイズする

Rescroller または Minimal Scrollbar を使用して、スクロールバーのページ スクロール、またはスクロール速度をカスタマイズすることはできません。ただし、 クロム ホイール スムーズ スクローラー Chrome ユーザーがブラウザに追加できる拡張機能 このページ .次に、クロム ホイール スムーズ スクローラーツールバーのボタンをクリックして選択オプション下図のページを開きます。

クロムスクロールバー8

上部には、マウス ホイールのスクロールをカスタマイズできるマウス ホイール オプションがあります。たとえば、マウス ホイールを回すたびに、スライダーが特定の量だけページの下にスクロールします。をドラッグしてカスタマイズできます刻み幅さらに左または右にバー。バーを右にドラッグすると、ホイールが回転するたびにスライダーがページの下にジャンプするピクセル数が増え、スクロール速度が効果的に向上します。

そのすぐ下にある滑らかさそして滑らかさ(前部)バー。これらのバーをさらに右にドラッグすると、ホイール ロールによるページのスクロールがよりスムーズになります。左端にドラッグすると、マウス ホイールでのページ スクロールが少しぎくしゃくします。

矢印キーでページを上下にスクロールすることもできます。マウス オプションの下には、キーボード ページのスクロールをカスタマイズできる設定があります。オプションは、Chrome のキーボード スクロールバー設定をカスタマイズすることを除いて、基本的にマウスのオプションと同じです。

クロムスクロールバー9

ページの下部に、ブラック リスト テキスト ボックスがあります。そこで、選択した Chromium Wheel Smooth Scroller 設定から除外する Web サイトの URL を入力できます。

したがって、これらの拡張機能を使用すると、Google Chrome のスクロールバーをカスタマイズできます。 Rescroller でスクロールバーをオーバーホールしたり、Minimal Scrollbar で新しい透明なスライダーをブラウザーに追加したり、Chromium Wheel Smooth Scroller でページ スクロールをさらに構成したりできます。

興味深い記事

エディターズチョイス

Windows10でクイックアクセスをクリーンアップして飼いならす方法
Windows10でクイックアクセスをクリーンアップして飼いならす方法
Windows 10では、ファイルエクスプローラーに新しいクイックアクセスビューが導入され、最近頻繁に使用されるファイルとフォルダーが自動的に収集されます。ただし、データを手動で管理することを好む人にとっては、クイックアクセスは役立つというよりも煩わしいことがわかるかもしれません。 Windows10でクイックアクセスを使いこなす方法は次のとおりです。
科学者はCRISPRを使用して生細胞のDNA内にGIFを保存しています
科学者はCRISPRを使用して生細胞のDNA内にGIFを保存しています
Eadweard Muybridgeは、初期の映画と科学的観察の両方のパイオニアでした。疾走する馬の彼の象徴的なクリップは、動物が動いているときに4つのひづめをすべて地面から持ち上げたかどうかについての賭けを解決するために有名に使用されました。
LogiLDA.dll: その意味と修正方法
LogiLDA.dll: その意味と修正方法
LogiLDA.dll エラーは、Logicool Download Assistant によって発生する可能性がある問題です。ファイルの欠落または破損が原因である可能性があるこのエラーを修正するには、いくつかの方法があります。
Windows10の設定アプリの[色]セクションにカスタム色を追加します
Windows10の設定アプリの[色]セクションにカスタム色を追加します
n Windows 10では、設定アプリの[パーソナライズ]-> [色]ページに表示される8つの追加の色を定義できます。
Windows10で保存されたRDP資格情報を削除する方法
Windows10で保存されたRDP資格情報を削除する方法
リモートデスクトップクライアントアプリに資格情報を保存した場合、Windowsはそれらをリモートホスト用に保存します。それらを削除する方法は次のとおりです。
PS5のWi-Fiが遅い場合の解決方法
PS5のWi-Fiが遅い場合の解決方法
PS5 の Wi-Fi 接続の不良を修正するには、ルーターをリセットするか、PS5 の DNS 設定を変更するか、インターネット プランをアップグレードしてみてください。
Googleホームのタイムゾーンを変更する方法
Googleホームのタイムゾーンを変更する方法
グーグルホームデバイスはまっすぐに信じられないほどです。あなたは彼らと一緒に多くのクールなことをすることができ、彼らはあなたの人生を楽にします。ただし、Google Homeには、アクセスが難しい設定がいくつかあります。それらの設定の1つは