SmoothTop

Description

Description

SmoothTop is a system plugin for Jomla! 1.6 CompatibleJoomla! 1.7 Compatible, Joomla! 2.5 Compatible and Joomla! 3.0 Compatible 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.

Are you human?

SmoothTop 1.x has been downloaded 13591 times in the last 2 years, 3 months, 2 weeks and 2 days.

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

SmoothTop Controls

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

DateVersionFileComments
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

Comments  

 
+1 # luespi 2014-02-16 21:54
YOU ARE GREAT thanks a lot!
Reply | Reply with quote | Quote
 
 
0 # Gabriele 2013-11-27 04:14
Easy and nice, thanks!
Reply | Reply with quote | Quote
 
 
+1 # michael 2013-10-12 04:12
Hi guys!
Is there a way for center layouts to position the button like center + 200px ?!
Reply | Reply with quote | Quote
 
 
0 # terryswift 2013-10-08 03:50
I am totally new to joomla. Have taken over support of a website due to sudden loss of previous website manager (no handover!). Ihave tried to load this plug-in acording to instructions, it is loaded as identified by the 'Plug-in Manager' also enabled but nothing shows (no arrow, no return to top). I have tried moving the arrow image to my images photo gallery and pointing to it in the 'link Style' code without success. Help please.
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2013-10-12 09:56
Hi terryswift,

I looked at your site and I get the following error from md_stylechanger.js:

TypeError: container is null container.set(' html', content);

Try disabling it and see what happens.
Reply | Reply with quote | Quote
 
 
0 # Tom 2013-08-28 21:37
Hi,
Does anyone here know why this plugin will not appear unless the page is from the parent main menu item.
smoothtop doesn't work for me in drop down Sub-menus or internal links that are not directed directly to a main menu parent item. For example;
root/shoes -> works
root/shoes/blue -> does not.
Thank you
Reply | Reply with quote | Quote
 
 
0 # Peter 2013-08-21 10:24
Hi Eric,

Thank you for this extension. I have a multilingual site and would like to know if it is possible to translate the text link. If yes, how can I do it?

Best,

Peter
Reply | Reply with quote | Quote
 
 
+3 # Marc Tracy 2013-06-23 01:38
Hi - Great plugin - I love it

However it does not seem to function on any mobile device.
Any ideas as to why that is happening or not in this case?
Reply | Reply with quote | Quote
 
 
+1 # Eric Schneider 2013-06-25 13:33
This is a known limitation documented on this page in the "Other Info" tab under "Known Issues".
Reply | Reply with quote | Quote
 
 
0 # irene 2013-06-14 04:53
Большое спасибо разработчикам! Всё просто, понятно. Я использую плагин на адаптивном (responsive) шаблоне - никаких проблем. Плагин легко настраивается и на любом устройстве всё выглядит и работает отлично.
Reply | Reply with quote | Quote
 
 
+2 # Carsten 2013-05-30 06:42
Hi,
is it working with Joomla3 ? I installed it, but it is not working. Any idea? Maybe the path?
Reply | Reply with quote | Quote
 
 
+1 # Eric Schneider 2013-06-01 11:19
This is the trick I found to work for Joomla 3.1.1: In the template index.php file near the top, change the line

JHTML::_('behavior.framework');

to

JHTML::_('behavior.framework', true);

This will load mootools-more.j s. Without the true only mootools-core.j s will load.

Hope that helps.
Reply | Reply with quote | Quote
 
 
+1 # Дмитрий 2013-05-16 10:46
Прекрасный, удобный плагин.
Reply | Reply with quote | Quote
 
 
0 # Alexander 2013-04-14 01:55
Хороший плагин. Рекомендую. Авторам - спасибо!
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2013-04-28 17:45
You are welcome!
Reply | Reply with quote | Quote
 
 
+1 # Paco 2013-02-09 23:45
We installed this plugin, it shows in admin, but can not display in front-end. What will be the problem ? By the way, we installed rokbox plugin.
Reply | Reply with quote | Quote
 
 
+1 # Eric Schneider 2013-02-10 00:18
Hi,

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.
Reply | Reply with quote | Quote
 
 
+3 # Anatoli 2013-01-23 23:35
Спасибо большое, классная штука
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2013-01-24 22:00
You're welcome!
Reply | Reply with quote | Quote
 
 
+2 # kars 2013-01-22 10:49
Hello,

Install and enable. Works great in the Backend, in the frontend only at the homepage ! Whats going wrong?

Regards, Kars
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2013-01-24 22:00
Try an absolute path to the button image. I can't give any further advice since you are not currently using SmoothTop.
Reply | Reply with quote | Quote
 
 
0 # Tim 2013-01-21 15:48
Hi there. I love your plugin and thanks for your work in developing it. One question I have. I would like to make the button appear within the footer of my website. Is there any code that I can insert into my templates index.php file (under the footer section) to make it appear here rather than be a relative position to the screen size? Many thanks
Reply | Reply with quote | Quote
 
 
+1 # Eric Schneider 2013-01-24 22:01
Not at the moment but that's a great idea. I'll add that to the next version.
Reply | Reply with quote | Quote
 
 
0 # John 2013-01-08 01:41
install and enable. just work right away. 5 stars!
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2013-01-08 13:12
Excellent!
Reply | Reply with quote | Quote
 
 
+2 # Moby Dick 2012-12-21 05:40
Verry nice worked out of the box 5 stars
Reply | Reply with quote | Quote
 
 
0 # andr 2012-12-11 01:11
hi
very tanks but dont show images
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-12-12 22:59
It's most likely the css image path in the Link Style in Basic Options.
Reply | Reply with quote | Quote
 
 
0 # Glo 2012-12-10 19:35
Hi,

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.
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-12-12 23:08
Other images are used by changing image file name in the css in the Link Style in Basic Options. Choices are up-arrow.gif, up-arrow2.gif, up-arrow-green. gif, up-arrow-grey.g if, up-arrow-orange .gif, up-arrow-purple .gif and up-arrow-red.gi f.
Reply | Reply with quote | Quote
 
 
0 # Yura 2012-11-17 21:49
Dear developer, thank you for your great and free plugin! It works fine in administrator, but don't work in frontend:( Any errors, just i can't see it. Please, help me with it. Regards, Yura.
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-11-23 17:44
Looks good now.
Reply | Reply with quote | Quote
 
 
0 # Hieu Doan 2012-11-11 21:12
it does not support joomshopping. it only show text link and not show image link although it show image well in normal content.
my web: amyshop.net
Reply | Reply with quote | Quote
 
 
0 # SunMoon8 2012-11-11 09:02
i use joomshopping..S moothTop show image go to top at normal content so good but it not show in joomshopping product page.please give me some helps!
thanks!
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-11-23 13:15
In the CSS fir the button image, try using the absolute path starting with "http://" instead of the relative path starting with "/".
Reply | Reply with quote | Quote
 
 
+1 # JPS 2012-11-06 07:53
i've activated the plugin and in the backend it shows up, but not in frontend!?
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-11-06 16:03
It appears as though it's not enabled at the moment so I cant tell for sure what's going on but most pages do not appear to scroll down past the "Reveal Position", default is 250px.
Reply | Reply with quote | Quote
 
 
+1 # JPS 2012-11-07 00:33
it is enabled and i've already set the reveal position to 100px.
like i wrote, it appears in the backend but not in frontend
Reply | Reply with quote | Quote
 
 
+1 # Yura 2012-11-20 21:05
I had same problem. You need to check if there are mootools-more.j s in the head of the page included.
Reply | Reply with quote | Quote
 
 
0 # JPS 2012-11-23 04:13
how do i get the mootools-more.j s?
and why does the icon appears in the joomla backend if the problem is the mootools-more.j s?
Reply | Reply with quote | Quote
 
 
+1 # Eric Schneider 2012-11-23 17:46
mootools-more.j s is loading. Do you still have SmoothTop installed and enabled? I don't see it.
Reply | Reply with quote | Quote
 
 
+1 # Marcin 2012-11-26 14:49
I seem to have the same problem... Works well in back-end but doesn't show up front-end. Mootools-more.j s is loading and I have taken down reveal position to 50px.

Can you help?

Thanks,
M.
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-11-27 07:52
Hi Marcin,

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
Reply | Reply with quote | Quote
 
 
+1 # Kolaylezzet 2012-12-27 11:41
Hi Eric,
Same problem exist at Joomla 3.0 protostar template. Backend seems flawless, but nothing can be seen in the frontend. Is there any solution?
Reply | Reply with quote | Quote
 
 
+2 # Eric Schneider 2012-12-29 23:43
I'd be happy to help but I see you are using another solution now.
Reply | Reply with quote | Quote
 
 
0 # Stratos 2012-10-21 09:33
Hello,
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.
Reply | Reply with quote | Quote
 
 
+1 # Eric Schneider 2012-10-21 15:03
Hi,

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
Reply | Reply with quote | Quote
 
 
0 # Kilauea 2012-11-04 01:08
hello
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
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-11-04 07:46
Hi,

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.
Reply | Reply with quote | Quote
 
 
0 # Tom 2013-08-29 15:39
Great Plugin
Although I have a problem,
I am using localhost with 2.5.8

The arrow-up.gif is visible and operational, but only on the main menu items. The link is operational in the sub or drop down menu items, only the .gif is invisible.

If anyone has any suggestions, it would be appreciated
Thanks

Fixed it was the absolute path. In case someone else is trying to figure it out it's;
(http://localhost/IF YOU HAVE ANOTHER FOLDER?/plugins/system/smoothtop/images/up-arrow.gif)

Hope it helps....
Reply | Reply with quote | Quote
 
 
+1 # D4ny 2012-09-04 03:10
Tried it out .... but it does not show up even though i activated the plugin?!
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2012-09-05 14:13
If I can get the URL of your site I will check into it.
Reply | Reply with quote | Quote
 
 
0 # max 2013-02-23 07:05
Quoting D4ny:
Tried it out .... but it does not show up even though i activated the plugin?!


я тоже активировал плагин, но он не работает, не появляется, на Joomla 2.5.8 на локальном сервере :(
Reply | Reply with quote | Quote
 
 
0 # Eric Schneider 2013-02-23 12:12
It's usually the image path in the SmoothTop plugin parameters but it could also be a JavaScript conflict that most likely was there before you installed SmoothTop. It's been one of these two every time I have seen.
Reply | Reply with quote | Quote
 
 
+1 # Giuseppe 2012-07-26 00:12
Dear developer, I installed the Plugin and he show the image when scrolling down but when I click on it nothings happens. Its on Joomla 2.5.6. The configuration is the same as here on top. Can you help me please thank you. GP
Reply | Reply with quote | Quote
 
 
+2 # Eric Schneider 2012-07-28 14:09
I see SmoothTop is not enabled on your site right now. The reason it was not working for you may have something to do with this js error:

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.
Reply | Reply with quote | Quote
 
  • Web Design

    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 »
  • Web Hosting

    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 »
  • Web Maintenaance

    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 »
  • Contact Us Now!

    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 »
 
FacebookTwitterDiggDeliciousStumbleuponGoogle BookmarksRedditNewsvineTechnoratiLinkedinMixxPinterest