Professional Website Design
We provide expert website design and search engine optimization. Let us present your message to the world in a way that will assure success...
Read More »
Super Fast Website Hosting
Our blazing fast web servers can handle even the most complex websites with the greatest of ease. We have a 99.9% uptime guarantee...
Read More »
Reliable Website Administration and Server Maintenance
Free your mind by letting us handle every aspect of your website and server. From managing content to managing databases, we are your answer...
Read More »
To Get Started Contact Us Immediately!
Arrange a free consultation to learn what we can offer your business. We would love to meet you and talk about the best way to fulfill your needs...
Read More »
|
|
SmoothTop
Description
Description
SmoothTop is a system 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.
Features
- Plug and play installation.
- Text or image link.
- Configurable link text.
- Configurable title text.
- Selectable preset positions.
- Very lightweight, less than 1k added to page.
- SEO friendly, no anchor tag in the URL.
- Works in Administrator (selectable).
- Full CSS control.
- Language files for en-GB included.
- Two sets of arrow and arrow-hover image files included and installed.
- Uses MooTools Fx.Scroll and Fx.Transitions for scrolling effects (no jQ).
- Written with jQ compatibility in mind (no $ in code).
- Released under GPL license.
- Completely free!
New version 1.2.3. Be sure to uninstall previous versions (1.0.x) to clean up unused files prior to installing new version. See change log below.
Demo
Scroll down and look to the bottom right on this page.
Download
Download
Download the latest version of SmoothTop for Joomla 1.6, 1.7, 2.5 and 3.0.
SmoothTop 1.x has been downloaded 6731 times in the last 1 year, 4 months, 3 weeks and 1 day.
Rate It
Please take a moment to rate this plugin at extensions.joomla.org...especially if you like it. ;^)
Configuration
Configuration
The Basic Options provide control of the way SmoothTop will appear and behave.
Plugin Manager » System - SmoothTop » Basic Options

Link Text: Text as you would have it appear in the link, something like "Scroll to Top". Can be left blank if you are using a CSS background image. Default is blank.
Link Title: New feature! Text as you would have it appear in the tool tip, again, something like "Scroll to Top". 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.
Run in Admin: New feature! Do you want SmoothTop to appear in the administrator back end? This can be handy if you have long lists of articles or plugins. 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 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 500.
Non-hover Transparency: New feature! This controls how transparent SmoothTop appears when the mouse pointer is not hovering over it. 0.1 is almost invisible while 1 is completely opaque. Default is 0.7.
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. To use other arrow images, use up-arrow-blue.gif, up-arrow-green.gif, up-arrow-grey.gif, up-arrow-orange.gif, up-arrow-purple.gif and up-arrow-red.gif. If Joomla is installed in a subdirectory, be sure to change the image path here or the image will not appear.
Other Info
Requirements
Joomla 1.6, 1.7 or 2.5 with Mootools-Core 1.3 (Joomla 1.6 native) or higher, Mootools-More 1.3.0.1 (Joomla 1.6 native) or higher.
Known Issues
Fixed positioned elements are not supported by mobile devices like Apple and Android phones and tablets. The work-arounds either don't work, break other important mobile browser features or both.
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.
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.2 | plg_smoothtop_1-0-2.zip | Fix error. Added images. |
| 2012/08/20 | 1.2.0 | plg_smoothtop_1-2-0.zip | Uses <div> tag now, not <a>. Added Link Title, Run in Admin and Non-hover Transparency options. Added some effects. Removed ScrollSpy. Optimized code. Moved all files to the smoothtop folder. |
| 2012/08/29 | 1.2.1 | plg_smoothtop_1-2-1.zip | Fixed JS initialization error in some browsers (still works) |
| 2012/10/02 | 1.2.2 | plg_smoothtop_1-2-2.zip | Changed arrow images and CSS to sprites to eliminate flickering on first hover. Added more arrow colors, up-arrow-blue.gif, up-arrow-green.gif, up-arrow-grey.gif, up-arrow-orange.gif, up-arrow-purple.gif and up-arrow-red.gif. Removed up-arrow-hover.gif and up-arrow2-hover.gif. |
| 2012/10/10 | 1.2.3 | plg_smoothtop_1-2-3.zip | Joomla 3.0 compatible. |
Comments
|
|






Look for either a wrong path to the image in the css of the plugin or a javascript conflict that stops mootools from loading.
Regards.
Install and enable. Works great in the Backend, in the frontend only at the homepage ! Whats going wrong?
Regards, Kars
very tanks but dont show images
Just wanted to say thanks for Smooth Top. I was using another plug in that conflicted with an important module and so went on a search. Yours worked.
For some reason mine is a little pixelated but I think that might have something to do with my Artisteer template.
Anyway I also did not see the other button options. I may just upload my own.
I have been using Joomla and extensions for about two years now and I wanted to put in a nice review in JED. When I click on the "Submit Review" link it tells me that I have to be registered and logged in but when I click the Log In link it tells me I am logged in. I will have to figure this out as my reviews for a lot of extensions is overdue. Any hints would be helpful.
Thanks again for your generosity.
my web: amyshop.net
thanks!
like i wrote, it appears in the backend but not in frontend
and why does the icon appears in the joomla backend if the problem is the mootools-more.j s?
Can you help?
Thanks,
M.
There seem to be a few errors leading up to mootools not loading and initializing correctly. The error console in Firefox shows me that lightbox.js is the start of the problems:
Timestamp: 11/27/2012 7:44:42 AM
Error: TypeError: Event.observe is not a function
Source File: http://www.strzelnica-bojowa.com/templates/test-template/js/lightbox.js
Line: 786
Same problem exist at Joomla 3.0 protostar template. Backend seems flawless, but nothing can be seen in the frontend. Is there any solution?
i'm working on a Joomla 2.5.7 installation. I used your plugin, and it seems it works just great but.. the image is not visible! When i use the text, it is visible. But the .png images dont show up. Although my cursor changes from arrow to hand when moved to the bottom right position, the image is just ..invisible.
Since the whole website is located in a subfolder, could this be the reason? Any other ideas would be appreciated.
Your site is not in the web root, it's in the UG/jupgrade/ folder. Change the image path in the SmoothTop CSS to this:
UG/jupgrade/plugins/system/smoothtop/images/up-arrow.gif
I've a site with Joomla 2.5.7 on a local server.
I've the same problem, j don't see images, with Firebug: failed to load the given URL and the way is:URL("/plugins/system/smoothtop/images/up-arrow.gif")
Thanks
Your site root must be in a subfolder. Try changing the css path to //plugins/system/smoothtop/images/up-arrow.gif.
Just let me know if you need more help.
я тоже активировал плагин, но он не работает, не появляется, на Joomla 2.5.8 на локальном сервере :(
Failed to load resource: the server responded with a status of 404 (Not Found) http://???/full _screen_2/lib/j s/tooltips.js
Also, UvumiDropdown.j s will cause the following error but SmoothTop will still work: Uncaught TypeError: Object 136314 has no method 'apply' mootools-core.js:375
Also, most pages on your site do not scroll down far enough to reveal SmoothTop.