Back to top
Stable Version 2.0.5
Published on 06 April 2017 by 
Created on 25 February 2015
Details
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.
Read More

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.
What’s new (2.0.5)

Removed SilkUi dependency, now you can use color codes for the background and icon, 

added 2 new options (bottom, right)

Reviews (0)
Category
Components, UI & Widgets, Mobile Plug-ins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Miguel Vicente who created this component.
Dependencies
Back to top has no dependencies.
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
Back to top has no consumers.
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems R&D
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
1000
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7341
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10666
More from Miguel Vicente
Mobile Utilities
Miguel Vicente
A group of multiple utilities to use on your mobile applications with OutSystems 10.
600
Vertical Timeline
Miguel Vicente
Responsive timeline. Use some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal.
563
OWL Carousel
Miguel Vicente
Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider.
533