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!

5 ★ | 2 Vote

May be interested

  • The power of the Scroll keyThe power of the Scroll key
    if you previously used the scroll key of the mouse to scroll up and down, then through this tutorial, you will know a myriad of useful features of small keys but ... with this martial arts.
  • How to make the Scroll Lock key useful on Windows 10 PCHow to make the Scroll Lock key useful on Windows 10 PC
    in the corner of the keyboard is a forgotten key with a long history: scroll lock. fortunately, you can easily remap scroll lock for more useful purposes or configure it as a shortcut to launch the program on windows 10.
  • How to paginate pages from any page in Word 2016How to paginate pages from any page in Word 2016
    the following article details how to number pages from any page in word 2016. normally when selecting page numbering, word default page numbering starts from the first page in the text.
  • How to put pages in Word, collapse text in WordHow to put pages in Word, collapse text in Word
    when you want to put text into one or two pages for printing, or when you make a report, there are only a few sentences at the end of the page and it jumps to the next page, the word shrink one page will help you solve that problem. there. in this article, tipsmake.com will show you how to merge pages and collapse text in word with the shrink one page feature.
  • How to type pages in Word 2007 from any pageHow to type pages in Word 2007 from any page
    page numbering in word 2007 is a mandatory requirement when making essays and discussions. the number of pages in word is not difficult, but it is more complicated to type pages in sections, or start from a page other than the first page.
  • Sample page: Handle content duplication issuesSample page: Handle content duplication issues
    the style page is the most favorite of the pages with the same content. for example, as a website can often have multiple pages listing the same product catalog according to different criteria
  • How to Print Multiple Pages Per Sheet in Adobe ReaderHow to Print Multiple Pages Per Sheet in Adobe Reader
    instead of printing one pdf page per sheet, you can print multiple pdf sheets on one page. this method of printing is called n-up, where 'n' stands for any number of pdf pages (2, 4, 6 …) you want to print on a single page. for example, 6...
  • How to number a PDF page, add pages to the PDF fileHow to number a PDF page, add pages to the PDF file
    pdf files are often shared for printing or making various important documents. in this article, the software tips will guide you how to number pdf pages, add pages to the pdf file.
  • Number pages from any page in Word 2016Number pages from any page in Word 2016
    the default page numbering will number from the first page to the last page. if you want to page numbers from any page, you need to do a few more steps, below is a detailed guide on how to get page numbers from any page in word.
  • How to Number Pages in CanvaHow to Number Pages in Canva
    page numbering in canva makes it easier for users to follow and shows professionalism when you create presentation slides in canva.