Give us feedback
back-to-top
Web icon

Back to top

Stable version 3.0.1 (Compatible with OutSystems 11)
Other versions available for 10 and Older
Uploaded on 06 January 2021 by 
4.5
 (6 ratings)
back-to-top

Back to top

Documentation
3.0.1

This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages.

Element (default: "body,html")
Element that is affected by smooth scroll to top. You can choose tags, classes or ID's to specify the element that you want to be scroll-able.
Imagine if you have just ".MainContent" scroll-able, you will use ".MainContent" class to apply to this element.
E.g: (Tags)  - "body,html"
E.g: (Classes) - ".className"
E.g: (ID's) - "#elementeId"

ElementOffset (default: 300) Browser window scroll (in pixels) after which the "back to top" link is shown ElementOpacity (default: 1200) Browser window scroll (in pixels) after which the "back to top" link opacity is reduced ElementScrollTopDuration (default: 700) Duration of the top scrolling animation (in ms) IconName (default: Entities.IconName.arrow_circle_o_up) Back to top arrow icon IconSizeId (default: Entities.IconSize.Percent_33) Back to top icon size. IconColor (default: White) Back to top icon color. Color (default: Orange) Back to top background color. BorderRadius (default: 5px) Back to top border-radius. Bottom (default: 30px) Distance form the bottom. Right (default: 30px) Distance form the right.