Skip to main content
Discussion Topic
User avatar

Is there a "return to top of the page" button or feature?

Is there a way to add a return to the top of the page button to long wiki pages?

Reply to discussion Subscribe to discussion

Is this a worthwhile discussion?

Score 1
Add a comment

2 Replies

User avatar

Hi Forrest,

Thank you for the question! We do not have a "Return to the Top" button built into the page itself; however, you can always create your own link to the first header or section of the page and title it as "Back to the Top."

Additionally, the vast majority of computer keyboards and mobile devices offer this built-in functionality. On a Mac or PC, hitting the "Home" button on the keyboard takes you to the top of the page. You can also use "Command+Arrow Up" to jump back to the top.

Depending on the mobile device, you can double-tap the web status bar at the top or use the quick-scroll tool to navigate back up as well. If you need help with specific devices, you are welcome to contact us directly and we will be glad to provide assistance.

Thanks!

Was this reply helpful?

Score 0
Add a comment
Most Helpful Answer
User avatar

I figured out a solution:

Copy the following code into the custom CSS section:

/* Back to Top Button */
a[href*="#top"] {font: bold 1.5em/34px "Lato",Arial,sans-serif;color: #FFF;margin: 0 0 0 44px;text-shadow: 0 1px 2px rgba(70,70,70,0.5);background: linear-gradient(0,#2182ac,#2aa3d8); padding:5px 15px 5px 15px; box-shadow: 0px 5px 10px #333; position:fixed; bottom:20px; right:20px;}

For the page you want the button to appear on:

  • Copy the page URL
  • Go into page edit mode
  • Create a new link with:
    • Link_URL: (page url)#top <----- "Add #top to the end of the page url"
    • Link_Text: back to top <------ "This text will appear on the button"

if done successfully the button will appear on the bottom right corner of the page.

Block Image

Was this reply helpful?

Score 4

Comments:

You're awesome, Forrest! Thanks for sharing.

by

Thanks Brian! I added this to the Custom CSS Wiki along with a collapsible error message formatting, and numbering on step image icons.

by

Add a comment

Join the discussion

Author avatar Forrest will be eternally grateful.
TRUSTe