Chrome、Firefox、Edge、および Opera にスクロール トゥ トップ ボタンを追加する方法

スクロールバーを上下にスクロールして、非常に長い Web ページの上部または下部に到達するには、少し時間がかかる場合があります。一部の長いページには、ページの先頭に直接ジャンプするためのトップに戻るボタンのショートカットが含まれています。ただし、すべての Web サイトにこのような便利なボタンが組み込まれているわけではありません。

一部の Google Chrome、Opera、Edge、および Firefox 拡張機能は、これらのブラウザーにページの上部と下部にジャンプするためのボタンを追加します。これらの Web ブラウザーに永続的なボタンを追加することで、ページの上部にスクロールするためのボタンにいつでもアクセスできるようにする方法を次に示します。

Scroll to Top拡張機能を使用してScroll to Topボタンを追加する方法

Scroll to Top は、缶に書かれていることを実行する拡張機能です。ブラウザの右下隅にカスタマイズ可能なボタンが追加され、クリックして Web ページの最上部 (または最下部) に直接ジャンプできます。この拡張機能は、Google Chrome、Firefox、Edge、Opera (おそらく他の Chromium ベースのブラウザーも) で利用できます。

Scroll to Top を試すには、拡張機能のダウンロード ページで [ Add to ] ボタンをクリックします。次に、Google 検索を開き、そこにキーワードを入力します。検索ページの右下に下矢印ボタンが表示されます。そのボタンをクリックすると、ページの一番下にジャンプします。ページの一番下にいるときは、上矢印ボタンを押して一番上に戻ることができます。

カーソルを拡張ボタンの上に置くと、追加のコントロール オプションをクリックできます。これらのボタンをクリックすると、ページが段階的に上下にスクロールします。

Scroll to Topボタンのアイコンを変更するには、ページの上部にいるときに拡張機能のボタンの上にカーソルを置きます。歯車アイコンをクリックして、 [ Scroll to Top ] タブを表示します。次に、タブの [アイコンとライブラリの設定] セクションで、ボタンの別のアイコンを選択します。

拡張機能のツールバー ボタンでも同じアイコンを使用できます。これを変更するには、[その他を選択] アイコンオプションをクリックします。次に、別のツールバー アイコンのラジオ ボタンをクリックし、[選択] をクリックします。

または、ボタンを二重矢印の代替に変更することもできます。これを行うには、[二重矢印] オプションをクリックします。次に、拡張機能の設定ページの下部にある二重矢印ボタンの新しいアイコン オプションを選択できます。

Scroll to Topタブからボタンの配置を変更することもできます。これを行うには、[垂直位置]および[水平位置]オプションの別のラジオ ボタンを選択します。たとえば、[上]および[左] オプションを選択すると、ボタンがページの左上隅に配置されます。

[コンテキスト メニューを表示]オプションは、拡張機能の右クリック機能を有効にします。そのオプションの [はい] ラジオ ボタンを選択します。次に、Web ページを右クリックすると、コンテキスト メニューにScroll to Topサブメニューが表示されます。そのサブメニューには、ページの上部または下部に移動するために選択できる [上にスクロール] および [下にスクロール] オプションが含まれています。

ダウンロード: Google Chromeのトップにスクロール| エッジ| オペラ| Firefox (無料)

Scroll to Top Button Extensionを使用してScroll to Topボタンを追加する方法

Scroll to Top Button は Chrome、Opera、Edge、Opera の代替拡張機能で、Scroll to Top とほとんど同じように機能します。代替アイコンの選択はあまりありませんが、Scroll to Top と同様のカスタマイズ設定もあります。

お使いのブラウザーで Scroll to Top Button のダウンロード ページを開き、そこから拡張機能をインストールすることを選択します。次に、ブラウザの拡張機能メニューまたはツールバーにアドオンのボタンが表示されます。ツールバーに表示されていない場合は、ブラウザの [拡張機能] ボタンをクリックし、[トップ ボタンのピン留め] オプションを選択します。

この拡張機能を利用するには、エキスパート モードを有効にする必要があります。これを行うには、ツールバーの [上にスクロール] ボタンを右クリックし、[オプション] を選択します。次に、[ OK] をクリックします。[エキスパート モード] ボタンを確認します。

ボタンを表示するには、[上にスクロール] ボタンタブで [上と下を反転] オプションを選択します。追加の権限を求めるプロンプトが表示されたら、[許可]オプションを選択します。[保存] をクリックして、新しい設定を適用します。

これで、Scroll to Top Button アドオンを試すことができます。Google を起動し、その検索ボックスにキーワードを入力します。ボタンは、ブラウザのデフォルトの右上に表示されます。矢印をクリックして、検索ページの下部に移動します。その後、もう一度クリックしてトップに戻ります。

または、代わりに拡張機能のコンテキスト メニュー オプションを使用することもできます。Web ページの任意の場所を右クリックし、カーソルを [ Scroll to Top Button ]サブメニューに移動します。そのサブメニューで[上にスクロール]または[下にスクロール] を選択します。

一番上にスクロール ボタンには、ページの一番上または一番下にジャンプするために押すことができるホットキーがあります。Alt +下矢印キーを押すと、下にジャンプします。Alt +上矢印キーを押すと、ページの先頭に戻ります。

ボタンの表示オプションを変更するには、拡張機能の設定タブに戻ります。そこで、[ボタンの 位置]ドロップダウン メニューをクリックして別のオプションを選択することで、ボタンの位置を調整できます。[ボタン サイズ] メニューをクリックして、別の幅と高さのピクセル ディメンションを選択します。[ボタンのデザイン] ドロップダウン メニューで別の設定を選択して、色をカスタマイズすることもできます。

Scroll to Top Button には、デュアル矢印ボタン モード設定もあります。ボタンモード設定の二重矢印オプションのいずれかをクリックして設定します。次に、ボタンには、下のスナップショットのようにクリックできる上矢印と下矢印の両方が含まれます。

ダウンロード: Google Chromeのトップ ボタンにスクロール| エッジ| オペラ| Firefox (無料)

ボタンをクリックするだけでページの上部と下部にジャンプ

Scroll to Top および Scroll to Top Button 拡張機能を使用すると、Chrome、Edge、Opera、および Firefox の長い Web ページでスクロールバーをスクロールする手間を大幅に省くことができます。これらの拡張機能のいずれかをインストールすると、ボタンをクリックするだけで、ページの上部または下部にすばやくジャンプできるようになります。

これは、Google、Microsoft、Mozilla などの主要なブラウザにすでに追加されているはずの機能です。もう少し技術的な人は、独自のスクロール トゥ トップ ボタンをコーディングできます。