SmoothTop

• 
• 

Description

SmoothTop is a plugin for ,  and  that adds a scroll-to-top link as an image or text in a fixed position. The link is invisible when the page is at the top and fades in as the page is scrolled down. When clicked, the page is smoothly scrolled to the top and the link fades out.

Demo

Scroll down and look to the bottom right on this page.

Features

• Plug and play installation.
• Configurable link text.
• Text or image link.
• Selectable preset positions.
• Very lightweight.
• No anchor tag in the URL.
• Full CSS control.
• Language files for en-GB included.
• Arrow and arrow-hover image files included and automatically installed.
• Uses MooTools FxScroll and Fx.Transitions for scrolling effects.
• Uses ScrollSpy for fade in/out effect.
• Released under GPL license.
• Completely free!

Download

Download the latest version of SmoothTop for Joomla! 1.6, 1.7 and 2.5.

Are you human?	Yes No

SmoothTop has been downloaded 876 times.

Configuration

Link Text:  Text as you would have it appear in the link, something like "Scroll Up". Can be left blank if you are using a CSS background image. Default is blank.

Button Reveal Position:  Show the button after the page is scrolled to this pixel distance from the top.  Setting this value to 0 will cause the button to always be visible.  Setting this value to 1 will cause the button to become visible after the page is scrolled just 1 pixel.  Default is 250.

Always Start at Top:  Always start browsing at the top of the page.  Inserts a javascript to scroll to the top of the page, regardless of anchors in the URL.  This does not prevent anchor usage after the page is loaded.  Default is No.

Horizontal Position:  Horizontal position where the SmoothTop link will appear.  Default is Right.

Horizontal Offset:  Horizontal offset distance — has no effect if 'Center' Horizontal Position is chosen. Default units are 'px' and you don't need to enter it. You can also use '%', 'em' or any other valid CSS units.  Default is 5.

Vertical Position:  Vertical position where the SmoothTop link will appear.  Default is Bottom.

Vertical Offset:  Vertical offset distance. Default units are 'px' and you don't need to enter it.  You can also use '%', 'em' or any other valid CSS units.  Default is 5.

Transition Effect:  Choose from applicable MooTools transition effects (easeInOut).  Some transition effects are not included (Back, Bounce and Elastic) because they could/would go beyond bounds of the scroll bar.  Default is Expo.easeInOut.

Transition Duration:  Duration for smooth scrolling, in milliseconds (1000 = 1 second).  Default is 1500.

Use Styles:  Enable the styles below.  Disable if you plan to style the link using your template stylesheet.  Default is Yes.

Link Style:  CSS Style for the link, must include the id #smoothtop at a minimum. For defringed arrow images for use on dark backgrounds, use up-arrow2.gif and up-arrow2-hover.gif.

Support

For support issues, please send a message by using our contact form or use the comment form below (not by commenting on the JED). We also welcome any comments, suggestions, modifications and/or improvements.

Rate It

Please take a moment to rate this plugin at extensions.joomla.org...especially if you like it. ;^)

Change Log

Date	Version	File	Comments
2012/01/02	1.0.0	plg_smoothtop_1-0-0.zip	Initial release.
2012/02/23	1.0.1	plg_smoothtop_1-0-1.zip	Fix XML error.
2012/03/05	1.0.1	plg_smoothtop_1-0-2.zip	Fix error. Added images.

Comments