How to Add a Scroll to Top Button to Chrome, Firefox, Edge, and Opera

It can take a bit of time to reach the top or bottom of very long webpages by scrolling up and down with the scrollbar. Some long pages include back-to-top button shortcuts for jumping straight to the top of them. However, not all websites incorporate such handy buttons.

Some Google Chrome, Opera, Edge, and Firefox extensions add buttons to those browsers for jumping to the top and bottom of pages. Here’s how you can always access a button for scrolling to the top of pages by adding a permanent one to those web browsers.

4

How to Add a Scroll to Top Button With the Scroll to Top Extension

Scroll to Top is an extension that does what it says on the tin. It adds a customizable button to the bottom-right corner of the browser, you can click on to either jump straight to the very top (or bottom) of a webpage. This extension is available for Google Chrome, Firefox, Edge, and Opera (possiblyother Chromium-based browsers, too).

To try out Scroll to Top, click theAdd tobutton on the extension’s download page. Then open Google Search, and type in a keyword there. You should see a down arrow button at the bottom right of the search page; click that button to jump to the bottom of the page. When you’re at the bottom of a page, you can press the up arrow button to go right back to the top.

firefox logo with yellow warning symbol

If you hover the cursor over the extension button, you can click additional control options. Clicking those buttons will scroll up and down the page incrementally.

To change the icon for theScroll to Topbutton, hover the cursor over the extension’s button when you’re at the top of a page; click the cog icon to bring up aScroll to Toptab. Then choose another icon for the button within the Icons and Library Settings section of the tab.

iPhone in Landscape View Showing List of Emojis

The same icons are available for the extension’s toolbar button. To change that, click theChoose Other iconoption. Then click a radio button for a different toolbar icon andSelect.

Or you can change the button to a double-arrow alternative. To do that, click theDual Arrowoption. Then you can select some new icon options for the dual arrow button near the bottom of the extension’s settings page.

laptop with windows privacy settings and power on and off button icons.

you’re able to also change the button’s placement via theScroll to Toptab. To do so, select alternative radio buttons for theVertical LocationandHorizontal Locationoptions. For example, selecting theTopandLeftoptions will position the button in the top-left corner of pages.

TheShow Context Menuoption enables right-click functionality for the extension. Select theYesradio button for that option. Then you’ll see aScroll to Topsubmenu on the context menu when you right-click a webpage. That submenu includesScroll to TopandScroll to Bottomoptions you can select to go to the top or bottom of a page.

Person using Google on a laptop

Download: Scroll to Top forGoogle Chrome|Edge|Opera|Firefox(Free)

How to Add a Scroll to Top Button With the Scroll to Top Button Extension

Scroll to Top Button is an alternative extension for Chrome, Opera, Edge, and Opera that works much the same as Scroll to Top. It also has similar customization settings to Scroll to Top, albeit without much of an alternative icon selection.

Open Scroll to Top Button’s download page for your browser, and select toinstall the extensionfrom there. Then you should see a button for the add-on on your browser’s extensions menu or toolbar. If you don’t see it on the toolbar, click your browser’sExtensionsbutton and select Scroll to Top Button’sPinoption.

You’ll need to enable an expert mode for this extension to utilize it. To do so, right-click theScroll to Topbutton on the toolbar and selectOptions. Then click theOkay, I will check the expert modesbutton.

To make the button visible, select theFlip between top and bottomoption on theScroll to Top Buttontab. If prompted for further permissions, select theAllowoption; clickSaveto apply the new setting.

Now you can try out the Scroll to Top Button add-on. Bring up Google, and input a keyword in that search box. You’ll see the button at a default top-right position in the browser. Click the arrow to go to the bottom of the search page. Then click it again to go back to the top.

Or you can use the extension’s context menu options instead. Right-click anywhere on a webpage and move the cursor over theScroll to Top Buttonsubmenu. SelectScroll to ToporScroll to Bottomon that submenu.

Scroll to Top Button has hotkeys you can press to jump to the top or bottom of pages. Press theAlt+Downarrow key to jump down. PressingAlt+Uparrow key takes you back to the top of the page.

To change display options for the button, return to the extension’s settings tab. There, you can adjust the button’s position by clicking theButtonlocationdrop-down menu and choosing an alternative option. Click theButton sizemenu to select alternative width and height pixel dimensions. You can also customize its color by selecting a different setting on theButton designdrop-down menu.

Scroll to Top Button also has aDual arrowsbutton mode setting. Click one of theDual arrowsoptions in the button mode settings to set it. Then the button will include both up and down arrows you may click as in the snapshot below.

Download: Scroll to Top Button forGoogle Chrome|Edge|Opera|Firefox(Free)

Jump to the Top and Bottom of Pages at the Click of a Button

The Scroll to Top and Scroll to Top Button extensions can save you a lot of tedious scrollbar scrolling on long webpages in Chrome, Edge, Opera, and Firefox. After installing one of those extensions, you’ll be able to quickly leap to the top or bottom of pages at the click of a button.

That’s the kind of feature Google, Microsoft, Mozilla, and co should have already added to the foremost browsers. If you’re a little more technical, you can code your own scroll to top button.

Getting your hands dirty with JavaScript and jQuery? Take it from the top with this beginner project.

You don’t need to fork out for expensive hardware to run an AI on your PC.

Obsidian finally feels complete.

Revolutionize your driving experience with these game-changing CarPlay additions.

ensure you don’t miss these movies and shows before Netflix removes them.

Now, I actually finish the books I start.

Technology Explained

PC & Mobile