Back to Top

Description

This content type creates a red "Back to Top" button, which does not appear until users have scrolled part of the way down the page.

This content type also includes a "progress bar" along the bottom of the browser to give users a visual indicator of how long the page is and where they are located within the page.

Available in zones:

  • This content type does not appear in a regular zone

Permissions:

  • Available to all content editors

When to use it

Use this content type on extra long pages to help enable users to more easily navigate within the page.

How to use it

Navigate to the section where you want to add the "Back to Top" content type, click over to the content tab, click "Create content," then select "Back to Top."

Screenshot of how to create the

The only required field is to give the content item a name which will appear in the list of content items in the section.

There are no customization options for this content type.

Additional things to consider

Designing mobile-friendly pages

This content type also works on mobile devices.

Pages that do not require much scrolling and do not seem very long on a wide screen, like a desktop or a laptop, can often require significantly more scrolling on a mobile device.

You should consider adding this content type to pages specifically to increase the mobile user experience, even if a page is not long enough for this button to appear on a wide screen (like a desktop or laptop). 

Example

This placeholder text is here to enable you to experience the functionality of the "Back to Top" content type.

The "Back to Top" button does not appear until users have scrolled part of the way down the page, and includes a "progress bar" along the bottom of the browser to give users an indicator of how long the page is and where they are located within the page.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non blandit massa enim nec dui nunc mattis enim ut. A iaculis at erat pellentesque adipiscing commodo. Eget nunc scelerisque viverra mauris. Libero nunc consequat interdum varius sit amet.

In hac habitasse platea dictumst quisque sagittis purus. Cras semper auctor neque vitae tempus quam. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Orci nulla pellentesque dignissim enim sit amet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Etiam non quam lacus suspendisse faucibus.

Non blandit massa enim nec dui nunc mattis. Aliquam sem fringilla ut morbi tincidunt augue interdum. Nam libero justo laoreet sit amet. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Volutpat sed cras ornare arcu dui. Porta non pulvinar neque laoreet suspendisse. Adipiscing commodo elit at imperdiet. Eleifend mi in nulla posuere.

Egestas congue quisque egestas diam. Nibh mauris cursus mattis molestie a iaculis at. Augue neque gravida in fermentum et sollicitudin ac orci. Diam volutpat commodo sed egestas egestas. Lacus vel facilisis volutpat est velit egestas dui id. Vestibulum lorem sed risus ultricies. Sed nisi lacus sed viverra tellus in hac habitasse. Consequat id porta nibh venenatis. Maecenas ultricies mi eget mauris. Id donec ultrices tincidunt arcu non sodales neque sodales ut.

Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Varius sit amet mattis vulputate enim nulla aliquet porttitor. Mi proin sed libero enim sed faucibus turpis in. Cras semper auctor neque vitae tempus quam pellentesque. Arcu non odio euismod lacinia at quis risus sed.

Molestie nunc non blandit massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Egestas sed tempus urna et pharetra pharetra. Ut diam quam nulla porttitor massa id neque aliquam vestibulum. Elementum tempus egestas sed sed. Et sollicitudin ac orci phasellus egestas tellus rutrum. Aliquam etiam erat velit scelerisque in dictum non consectetur. Scelerisque in dictum non consectetur. Viverra orci sagittis eu volutpat. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum.

Malesuada nunc vel risus commodo viverra. Ac turpis egestas sed tempus urna et. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Nisl condimentum id venenatis a condimentum vitae sapien. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan.

Magnis dis parturient montes nascetur ridiculus mus mauris. Sed velit dignissim sodales ut eu sem integer. Id cursus metus aliquam eleifend. Tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ullamcorper eget nulla facilisi etiam. Tincidunt ornare massa eget egestas purus. Faucibus nisl tincidunt eget nullam non nisi est sit.

Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. Gravida quis blandit turpis cursus in. At quis risus sed vulputate odio. Dignissim enim sit amet venenatis urna cursus. Ut porttitor leo a diam sollicitudin tempor id. Fusce ut placerat orci nulla pellentesque. Sed tempus urna et pharetra pharetra massa massa.

Congue nisi vitae suscipit tellus mauris. Vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Iaculis at erat pellentesque adipiscing. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Egestas congue quisque egestas diam in. Nibh sit amet commodo nulla facilisi. In est ante in nibh mauris. Eu mi bibendum neque egestas congue quisque egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non blandit massa enim nec dui nunc mattis enim ut. A iaculis at erat pellentesque adipiscing commodo. Eget nunc scelerisque viverra mauris. Libero nunc consequat interdum varius sit amet.

In hac habitasse platea dictumst quisque sagittis purus. Cras semper auctor neque vitae tempus quam. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Orci nulla pellentesque dignissim enim sit amet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Etiam non quam lacus suspendisse faucibus.

Non blandit massa enim nec dui nunc mattis. Aliquam sem fringilla ut morbi tincidunt augue interdum. Nam libero justo laoreet sit amet. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Volutpat sed cras ornare arcu dui. Porta non pulvinar neque laoreet suspendisse. Adipiscing commodo elit at imperdiet. Eleifend mi in nulla posuere.

Egestas congue quisque egestas diam. Nibh mauris cursus mattis molestie a iaculis at. Augue neque gravida in fermentum et sollicitudin ac orci. Diam volutpat commodo sed egestas egestas. Lacus vel facilisis volutpat est velit egestas dui id. Vestibulum lorem sed risus ultricies. Sed nisi lacus sed viverra tellus in hac habitasse. Consequat id porta nibh venenatis. Maecenas ultricies mi eget mauris. Id donec ultrices tincidunt arcu non sodales neque sodales ut.

Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Varius sit amet mattis vulputate enim nulla aliquet porttitor. Mi proin sed libero enim sed faucibus turpis in. Cras semper auctor neque vitae tempus quam pellentesque. Arcu non odio euismod lacinia at quis risus sed.

Molestie nunc non blandit massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Egestas sed tempus urna et pharetra pharetra. Ut diam quam nulla porttitor massa id neque aliquam vestibulum. Elementum tempus egestas sed sed. Et sollicitudin ac orci phasellus egestas tellus rutrum. Aliquam etiam erat velit scelerisque in dictum non consectetur. Scelerisque in dictum non consectetur. Viverra orci sagittis eu volutpat. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum.

Malesuada nunc vel risus commodo viverra. Ac turpis egestas sed tempus urna et. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Nisl condimentum id venenatis a condimentum vitae sapien. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan.

Magnis dis parturient montes nascetur ridiculus mus mauris. Sed velit dignissim sodales ut eu sem integer. Id cursus metus aliquam eleifend. Tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ullamcorper eget nulla facilisi etiam. Tincidunt ornare massa eget egestas purus. Faucibus nisl tincidunt eget nullam non nisi est sit.

Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. Gravida quis blandit turpis cursus in. At quis risus sed vulputate odio. Dignissim enim sit amet venenatis urna cursus. Ut porttitor leo a diam sollicitudin tempor id. Fusce ut placerat orci nulla pellentesque. Sed tempus urna et pharetra pharetra massa massa.

Congue nisi vitae suscipit tellus mauris. Vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Iaculis at erat pellentesque adipiscing. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Egestas congue quisque egestas diam in. Nibh sit amet commodo nulla facilisi. In est ante in nibh mauris. Eu mi bibendum neque egestas congue quisque egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non blandit massa enim nec dui nunc mattis enim ut. A iaculis at erat pellentesque adipiscing commodo. Eget nunc scelerisque viverra mauris. Libero nunc consequat interdum varius sit amet.

In hac habitasse platea dictumst quisque sagittis purus. Cras semper auctor neque vitae tempus quam. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Orci nulla pellentesque dignissim enim sit amet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Etiam non quam lacus suspendisse faucibus.

Non blandit massa enim nec dui nunc mattis. Aliquam sem fringilla ut morbi tincidunt augue interdum. Nam libero justo laoreet sit amet. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Volutpat sed cras ornare arcu dui. Porta non pulvinar neque laoreet suspendisse. Adipiscing commodo elit at imperdiet. Eleifend mi in nulla posuere.

Egestas congue quisque egestas diam. Nibh mauris cursus mattis molestie a iaculis at. Augue neque gravida in fermentum et sollicitudin ac orci. Diam volutpat commodo sed egestas egestas. Lacus vel facilisis volutpat est velit egestas dui id. Vestibulum lorem sed risus ultricies. Sed nisi lacus sed viverra tellus in hac habitasse. Consequat id porta nibh venenatis. Maecenas ultricies mi eget mauris. Id donec ultrices tincidunt arcu non sodales neque sodales ut.

Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Varius sit amet mattis vulputate enim nulla aliquet porttitor. Mi proin sed libero enim sed faucibus turpis in. Cras semper auctor neque vitae tempus quam pellentesque. Arcu non odio euismod lacinia at quis risus sed.

Molestie nunc non blandit massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Egestas sed tempus urna et pharetra pharetra. Ut diam quam nulla porttitor massa id neque aliquam vestibulum. Elementum tempus egestas sed sed. Et sollicitudin ac orci phasellus egestas tellus rutrum. Aliquam etiam erat velit scelerisque in dictum non consectetur. Scelerisque in dictum non consectetur. Viverra orci sagittis eu volutpat. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum.

Malesuada nunc vel risus commodo viverra. Ac turpis egestas sed tempus urna et. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Nisl condimentum id venenatis a condimentum vitae sapien. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan.

Magnis dis parturient montes nascetur ridiculus mus mauris. Sed velit dignissim sodales ut eu sem integer. Id cursus metus aliquam eleifend. Tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ullamcorper eget nulla facilisi etiam. Tincidunt ornare massa eget egestas purus. Faucibus nisl tincidunt eget nullam non nisi est sit.

Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. Gravida quis blandit turpis cursus in. At quis risus sed vulputate odio. Dignissim enim sit amet venenatis urna cursus. Ut porttitor leo a diam sollicitudin tempor id. Fusce ut placerat orci nulla pellentesque. Sed tempus urna et pharetra pharetra massa massa.

Congue nisi vitae suscipit tellus mauris. Vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Iaculis at erat pellentesque adipiscing. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Egestas congue quisque egestas diam in. Nibh sit amet commodo nulla facilisi. In est ante in nibh mauris. Eu mi bibendum neque egestas congue quisque egestas.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Non blandit massa enim nec dui nunc mattis enim ut. A iaculis at erat pellentesque adipiscing commodo. Eget nunc scelerisque viverra mauris. Libero nunc consequat interdum varius sit amet.

In hac habitasse platea dictumst quisque sagittis purus. Cras semper auctor neque vitae tempus quam. Malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Orci nulla pellentesque dignissim enim sit amet. Sollicitudin ac orci phasellus egestas tellus rutrum tellus pellentesque eu. Etiam non quam lacus suspendisse faucibus.

Non blandit massa enim nec dui nunc mattis. Aliquam sem fringilla ut morbi tincidunt augue interdum. Nam libero justo laoreet sit amet. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat. Volutpat sed cras ornare arcu dui. Porta non pulvinar neque laoreet suspendisse. Adipiscing commodo elit at imperdiet. Eleifend mi in nulla posuere.

Egestas congue quisque egestas diam. Nibh mauris cursus mattis molestie a iaculis at. Augue neque gravida in fermentum et sollicitudin ac orci. Diam volutpat commodo sed egestas egestas. Lacus vel facilisis volutpat est velit egestas dui id. Vestibulum lorem sed risus ultricies. Sed nisi lacus sed viverra tellus in hac habitasse. Consequat id porta nibh venenatis. Maecenas ultricies mi eget mauris. Id donec ultrices tincidunt arcu non sodales neque sodales ut.

Mi quis hendrerit dolor magna eget est lorem ipsum dolor. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Varius sit amet mattis vulputate enim nulla aliquet porttitor. Mi proin sed libero enim sed faucibus turpis in. Cras semper auctor neque vitae tempus quam pellentesque. Arcu non odio euismod lacinia at quis risus sed.

Molestie nunc non blandit massa enim nec dui nunc. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Egestas sed tempus urna et pharetra pharetra. Ut diam quam nulla porttitor massa id neque aliquam vestibulum. Elementum tempus egestas sed sed. Et sollicitudin ac orci phasellus egestas tellus rutrum. Aliquam etiam erat velit scelerisque in dictum non consectetur. Scelerisque in dictum non consectetur. Viverra orci sagittis eu volutpat. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum.

Malesuada nunc vel risus commodo viverra. Ac turpis egestas sed tempus urna et. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Nisl condimentum id venenatis a condimentum vitae sapien. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Erat pellentesque adipiscing commodo elit at imperdiet dui accumsan.

Magnis dis parturient montes nascetur ridiculus mus mauris. Sed velit dignissim sodales ut eu sem integer. Id cursus metus aliquam eleifend. Tellus in hac habitasse platea dictumst vestibulum rhoncus est. Ullamcorper eget nulla facilisi etiam. Tincidunt ornare massa eget egestas purus. Faucibus nisl tincidunt eget nullam non nisi est sit.

Fermentum et sollicitudin ac orci phasellus egestas tellus rutrum tellus. Gravida quis blandit turpis cursus in. At quis risus sed vulputate odio. Dignissim enim sit amet venenatis urna cursus. Ut porttitor leo a diam sollicitudin tempor id. Fusce ut placerat orci nulla pellentesque. Sed tempus urna et pharetra pharetra massa massa.

Congue nisi vitae suscipit tellus mauris. Vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Nunc lobortis mattis aliquam faucibus purus in massa tempor. Iaculis at erat pellentesque adipiscing. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Egestas congue quisque egestas diam in. Nibh sit amet commodo nulla facilisi. In est ante in nibh mauris. Eu mi bibendum neque egestas congue quisque egestas.