EverWeb Codebox logo

EverWeb Widgetbox 3

Touch Hover Go Top Button

Touch Hover Go Top Widget

Go Top Message On Hover

This widget is similar to the one on the previous page with the addition of a message on hover for use on the full version of the site.
The back to the top arrow uses smooth scrolling and fade in/out animation.
The arrow only appears once the visitor starts to scroll a certain distance which can be adjust to suit the circumstances.
The arrow sticks to the bottom of the page and can be positioned left or right. The horizontal distance from the left or right edge and the distance up from the bottom is also adjustable.
There is also an option for positioning the button in the center.
The time that the content takes to smooth scroll to the top is adjustable so that it can be varied for different page content heights.

Touch Hover Go Top Button

Widget Settings

Set the arrow color.
Choose the required background color and set its opacity.
Choose the position of the button in the browser window - left or right.
Set the horizontal distance of the button from the browser edge.
Set the vertical distance from the browser bottom.
For a centered button, check the box, set the position comtrol to "right", ignore the Horizontal setting and set the Vertical distance from the browser bottom.
Change the button message text if required. This may necessitate increasing/decreasing the button width.
Choose the arrow and button background hover colors.
Set the scroll amount. This is the distance the vistor will scroll before the button appears.
Set the button fade animation time.
Set the button scroll time. This time will vary depending on the page content height.

This widget is included in the Touch Navigation widget pack.

Touch Widgets Bulk Pack Discount Deal

Buy all 4 Touch Widget packs for $30.00 …