Anonim

ページの右側にあるFirefoxのスクロールバーは、ブラウザーのオプションでカスタマイズできるものではありません。 ただし、いくつかのアドオンを使用すると、スクロールバーを変換できます。 NewScrollbarsさらに別のスムーズなスクロールScroll To Topは、Firefoxのスクロールバーを改良できる3つのアドオンです。

Google Chrome、Firefox、Operaを使用してWebサイトページ全体のスクリーンショットを作成する方法の記事も参照してください。

NewScrollbarsを使用してFirefoxのスクロールバーをカスタマイズする

最初に、MozillaサイトのアドオンのページからNewScrollbarsをFirefoxに追加します。 この拡張機能を使用すると、色付きのスクロールバーをブラウザに追加できます。 [ 開く]メニュー 、 アドオン をクリックし、NewScrollbarsの横にある[ オプション ]ボタンを押して、すぐ下のウィンドウを開きます。

次に、そのウィンドウの[ 事前定義 ]ラジオボタンを選択します。 次に、[定義済みのスクロールバー]ドロップダウンメニューをクリックして、選択するスクロールバーの配色のリストを開きます。 そこから1つを選択して、以下に示すようにスクロールバーに新しい配色を追加します。

これで、より丸いスライダーと新しい色のセットを備えたスクロールバーができました。 これは簡単にカスタマイズできますが、スクロールバーをさらに変更するには、 Customizable v1 ラジオボタンをクリックします。 [カスタマイズ可能なスクロールバーv1(ノイアスタイル)]ボックスのカラーパレットをクリックします。 次に、スライダーのさまざまな代替色を選択できます。

そのカラーパレットのすぐ下に、スクロールバーの幅を調整できるテキストボックスがあります。 そのボックスに値を入力して、バーの幅を調整します。 たとえば、高い値を入力すると、すぐ下のスナップショットに示すようにスクロールバーの幅が拡大します。

Noiaスタイルなしでスクロールバーをカスタマイズするには、Customizable v2オプションをクリックします。 これにより、スクロールバーがすぐ下のスクリーンショットのようなものに切り替わります。 次に、Customizable Scrollbars v2設定でスクロールバーをさらにカスタマイズできます。

カスタマイズ可能なスクロールバーv2の設定では、さまざまな色のオプションを選択できます。 たとえば、[ ボタンの 色]パレットボックスをクリックして、スクロールバーボタンの代替色を選択できます。 [ 背景 色]パレットボックスをクリックして、バーの背景の新しい色を選択します。 また、カーソルが ホバーした ときにスクロールバースライダーとボタンの色を変更できる サム(ホバー) および ボタン(ホバー) パレットもあります。

スライダーの境界線をカスタマイズするには、[ Thumb border radius] テキストボックスに値を入力します。 たとえば、そのボックスに「1」と入力すると、正方形のスライダーが表示されます。 ただし、そのボックスに「10」と入力すると、スライダーはより丸い境界線になります。

行としてのスクロールバーの背景 は、選択するための別のオプションです。 すぐ下のスナップショットに示されているように、選択するとスクロールバーの背景に行が追加されます。 背景 色パレットで線の色を調整できます。

さらに、アドオンには、Firefoxからスクロールバーまたはそのボタンを削除できるオプションがあります。 なしの ラジオボタンをクリックして、スクロールバーを完全に削除します。 または、スクロール バーボタン を 隠すを 選択して、代わりにスクロール バーボタン を削除することもできます。

アドオンでスクロールバーのカスタマイズが完了したら、ウィンドウの下部にある[ OK ]をクリックします。 次に、Firefoxを再起動して、変更を有効にします。 拡張機能の詳細については、NewScrollbarsウィンドウの左下にある[ ヘルプ ]ボタンを押してください。

Firefoxウィンドウの左にスクロールバーを移動します

NewScrollbarsでできないことの1つは、スクロールバーをブラウザウィンドウの左側に移動することです。 ただし、about:configをすばやく編集すればうまくいきます。 Firefoxのアドレスバーにabout:configと入力して下のページを開き、 layout.scrollbar.side 設定までスクロールします。

layout.scrollbar.side をダブルクリックして、整数値の入力ウィンドウを開きます。 次に、テキストボックスに値「3」を入力し、[OK]ボタンを押してウィンドウを閉じます。 Firefoxを再起動すると、次のようにウィンドウの左側にスクロールバーが表示されます。

さらにスムーズなスクロールでFirefoxのページスクロール速度をカスタマイズする

Firefoxのスクロールバーのスクロール速度をカスタマイズできるアドオンがいくつかあります。 それらの1つは、マウスホイールとキーボードの両方のスクロールを構成できるさらに別のスムーズスクロールです。 Mozillaページをチェックして、このFirefoxを追加してください。 次に、さらに別のスムーズスクロール拡張機能の横にある[ 開く]メニュー ボタン、 アドオン 、 拡張機能 、および オプションを クリックして、すぐ下のウィンドウを開きます。

そのウィンドウの[メイン]タブには、3つのカラータブ(赤、緑、青)が含まれており、代替のスクロールバー速度を設定できます。 次に、Firefoxのコンテキストメニューからこれらのスクロールバープリセットのいずれかを選択できます。 すべてのタブには、[ ステップサイズ] 、[ 滑らかさ(前)] 、[ 滑らかさ] 、および[ 加速感度]の 4つのドラッグバーが含まれています。

マウスホイールのスクロール速度を調整するには、そのタブを選択し、 ステップサイズ バーをさらに右または左にドラッグします。 それがスクロール速度に最も影響を与えるのは、各スクロールステップの距離を効果的に増減するバーです。 そのため、バーをさらに右にドラッグすると、スクロールバーのページのスクロール速度が上がります。

スムーズバーは、ページのスクロール速度を実際には調整しません。 これらのバーをさらに右にドラッグすると、スクロールの滑らかさが増します。 ただし、 Acceleration Sensitivity バーは、右にドラッグするとスクロールバーの速度を上げます。 マウスホイールをすばやくフリックすると、ステップサイズが効果的に増加します。

[キーボード]タブには、まったく同じバーが含まれています。 そのため、同じようにキーのスクロール速度をカスタマイズできます。 変更はすぐに有効になりますが、以下のようにページを右クリックしてFirefoxのコンテキストメニューからプリセット色を選択することを忘れないでください。

Scrollbarに新しいScroll to Topボタンを追加します

Firefoxのスクロールバーに便利な新しいボタンを追加するには、このページのScroll To Top拡張機能をご覧ください。 これにより、スクロールバーにボタンが追加されます。このボタンを押すと、ページの上部または下部にすばやくジャンプできます。 FirefoxにScroll To Topを追加したら、ブラウザーで長いWebページを開きます。 以下に示すように、スクロールバーの横に新しいボタンが含まれます。

ページの上部またはその近くにいるときに、そのボタンを押すと、ページの下部に直接ジャンプできます。 または、ページの一番下までスクロールしてクリックします。 スクロールバーは先頭にまっすぐ戻ります。

ボタンの上にカーソルを置き、歯車アイコンをクリックして、下にスクロール-[設定]タブを開きます。 これには、ボタンの垂直および水平位置オプションが含まれます。 たとえば、ボタンをスクロールバーの上部に移動するには、[ 上部の 垂直位置]オプションをクリックします。

ボタンの矢印をカスタマイズすることもできます。 デュエルアロー を選択して、二重矢印ボタンを追加します。 [詳細設定 を 表示] を押して、下の矢印ボタンを展開します。 次に、ボタンのさまざまな矢印アイコンを選択できます。

これらは、Firefoxスクロールバーをカスタマイズするための最高のアドオンです。 これらを使用すると、スクロールバーの配色を完全に変更したり、幅を拡大または縮小したり、スライダーの境界を設定したり、ページのスクロール速度を調整したり、スクロールバーの上下ボタンへの便利なジャンプを追加したりできます。

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