How to add a scroll button to the top of the page for web pages

Some of the current websites already have an arrow button to go to the top of the page or to the bottom of the page quickly, without users having to scroll, saving time browsing the web. However, not every website has that quick scroll button. If so, users can install the Scroll To Top Button utility.

Scroll To Top Button Utility support on browsers including Chrome, Firefox, Opera, Microsoft Edge. After installing this utility, a quick scroll button will appear on the top of the page or at the bottom of every page. The following article will show you how to use the Scroll To Top Button utility on Chrome browser. Other browsers you use are similar.

1. 44 shortcuts are useful on all browsers
2. Instructions for enabling Smooth Scrolling on Google Chrome
3. 9 Chrome Flags you should activate to have a better browsing experience

How to bring a quick scrolling button to your website on Chrome

Step 1:

Users download the utility to the browser they want to use.

1. Download the Scroll To Top Button utility for Opera
2. Download the Scroll To Top Button Chrome utility
3. Download the Scroll To Top Button Firefox utility
4. Download Scroll To Top Button for Edge

How to add a scroll button to the top of the page for web pages Picture 1

Step 2:

After installation is complete, open any web page and see a quick scrolling arrow to the top of the page.

How to add a scroll button to the top of the page for web pages Picture 2

Step 3:

The gadget also provides many customizations for the page navigation button. Right-click the web page and select Scroll To Top Button Options .

How to add a scroll button to the top of the page for web pages Picture 3

Or users can click the Scroll To Top Button widget icon at the end of the address bar, then select Options.

How to add a scroll button to the top of the page for web pages Picture 4

Step 4:

Display pop-up interface with different groups of different site navigation buttons.

How to add a scroll button to the top of the page for web pages Picture 5

For example, in Button settings , users choose the type of navigation buttons including:

1. Scroll to top only: Default button, only navigate upwards.
2. Flip between top & bottom: Flexible operation navigation button. When you move to the top of the page, you will see a quick scroll button at the bottom of the page and vice versa.
3. Dual arrows: Includes two navigation buttons to the top and bottom of the page.
4. Keyboard only: Navigate by shortcut.

How to add a scroll button to the top of the page for web pages Picture 6

The user can then continue to set the scrolling or scrolling speed, navigation button size, type, position, opacity for the button, . With the page shortcut key, use shortcut key Alt + key Up / down arrows or Home / End to navigate up and down.

To return to default settings, click Restore defaults .

How to add a scroll button to the top of the page for web pages Picture 7

Step 5:

In addition, we can also customize which gadget works on the site, such as those that already have navigation buttons. Click on the utility icon to select Disable STTB for this URL to disable the utility with this URL, or Disable STTB for this domain to disable the pages of this domain.

How to add a scroll button to the top of the page for web pages Picture 8

Scroll To Top Button utility brings quick navigation buttons for web pages in the browser, helping you to the top or down the page faster. Users can customize the display mode of navigation buttons, as well as which utilities work on which sites.

See more:

1. How to turn on and turn off smooth scrolling on Opera
2. Surf the web more effectively with the mouse wheel
3. How to automatically open a website at a specific time

I wish you all success!