jQSmoothTop

Description

Description

jQSmoothTop 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 with really cool effects in a fixed position. The link is invisible when the page is at the top and slides and fades in as the page is scrolled down. When clicked, the page is smoothly scrolled to the top and the link slides and fades out.

Features

  • Plug and play installation.
  • Text or image link or both.
  • Configurable link text.
  • Configurable title text.
  • Really cool fade and slide effects.
  • Selectable preset positions.
  • Very lightweight, less than 1k added to page (not including jQuery and jQuery Easing).
  • SEO friendly, no anchor tag in the URL.
  • No JavaScript failover uses anchor tag.
  • Works in Administrator (selectable).
  • Full CSS control.
  • Language files for en-GB included.
  • Fifteen sets of arrow and arrow-hover image files included and installed.
  • Uses sprites for smooth image effects.
  • Uses jQuery and jQuery for scrolling effects (no MooTools).
  • Uses CDN or local jQuery and jQuery Easing libraries.
  • Written withMooTools compatibility in mind (no $ in code).
  • Released under GPL license.
  • Completely free!

Demo

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

Download

Download

Download the latest version of jQSmoothTop for Joomla 1.6, 1.7, 2.5 and 3.0.

Are you human?

jQSmoothTop 1.x has been downloaded 1504 times in the last 1 year, 4 months, 1 week and 6 days.

Rate It

Please take a moment to rate this plugin at extensions.joomla.org (as soon as it's posted)...especially if you like it. ;^)

Configuration

Configuration

The Basic Options provide control of the way jQSmoothTop will appear and behave.

Plugin Manager » System - jQSmoothTop » Basic Options

jQSmoothTop Controls

: 

Use jQuery noConflict:  Load jQuery 1.10.2 from jQuery's CDN server or your own server. Select 'jQuery's CDN' to reduse the load on your server. May be a bit slower at times when their server is being hit hard. Select 'Local&' if you are less concerned about the load on your server but want more consistent load times. Select 'No' if jQuery (any version) will already be loading. The option 'jQuery's CDN' is not available in J3.0 and will default to 'Local'. Default is 'No'.

Load jQuery Easing:  Select 'Yes' if you are having difficulties caused by library conflicts when using other JavaScript libraries like MooTools. jQSmoothTop will work either way since it was written with compatibility in mind (does not use '$'). Selecting 'No' may have no effect in J3.0 if another program call is made to load noConflict. Default is 'No'.

Load jQuery Easing Select 'Yes' if you are having difficulties caused by library conflicts when using other JavaScript libraries like MooTools. jQSmoothTop will work either way since it was written with compatibility in mind (does not use '$'). Selecting 'No' may have no effect in J3.0 if another program call is made to load noConflict. Default is 'No'.

Link Text:  Text Format Field Text as you would have it appear in jQSmoothTop, something like 'Scroll to Top'. Can be left blank if you are using a CSS background image and dont want text. Default is blank.

Link Title:  Text Format Field Text as you would have it appear in the jQSmoothTop tool tip, something like 'Click Me'. Can be left blank don't want a tool tip. Default is blank.

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: Do you want jQSmoothTop to appear in the administrator back end? This can be handy if you have long lists of articles or plugins. Default is 'No'.

Horizontal Alignment:  Horizontal position where jQSmoothTop will appear. Default is 'Right'.

Horizontal Offset:  Numeric Format Field Horizontal offset distance in pixels ('px') where jQSmoothTop will appear - has no effect if 'Center' is chosen in above option. Default is 50.

Vertical Alignment:  Vertical position where jQSmoothTop will appear. Default is 'Bottom'.

Vertical Offset:  Numeric Format Field Vertical offset distance in pixels ('px') where jQSmoothTop will appear. Default is 50.

Fade Position:  Numeric Format Field Show jQSmoothTop after the page is scrolled to this pixel distance from the top. Setting this value to 0 will cause the image to always be visible. Setting this value to 1 will cause the image to become visible after the page is scrolled just 1 pixel. Default is 250.

Fade Speed:  Numeric Format Field Duration of fading, in milliseconds (1000 = 1 second). Default is 500.

Fade Hover:  This controls how transparent jQSmoothTop appears when the mouse pointer is hovering over it. 0.1 is almost invisible while 1 is completely opaque. Default is 1.

Fade Non-hover:  This controls how transparent jQSmoothTop appears when the mouse pointer is not hovering over it. 0.1 is almost invisible while 1 is completely opaque. Default is 0.7.

Hang Distance:  jQSmoothTop will slide up then back down this distance sort of like hanging it on a hook. Default is 10.

Hang Speed:  Numeric Format Field Duration of 'hang' effect, in milliseconds (1000 = 1 second). Default is 200.

Scroll-to Position:  Numeric Format Field Scroll to this vertical position in pixels from the top. 0 is top, 10 is 10px down from top. Useful if you have an image rotator with a menu below and that's where you want to end up. Also helps 'Back' and 'Elastic' effects work correctly. Default is 0.

Scroll Effect:  Select from applicable jQuery Easing transition effects (easeInOut). Some transition effects (Back and Elastic) will not work correctly unless you set the 'Scroll To Position' (above) to some value greater than 0 because they could/would go beyond bounds of the vertical scroll bar. Default is 'easeInOutExpo'.

Scroll Duration:  Numeric Format Field Duration for smooth scrolling, in milliseconds (1000 = 1 second). Default is 800.

Use Custom CSS:  Enable the styles below. Disable if you plan to style jQSmoothTop using your template stylesheet. Default is 'Yes'.

Custom CSS:  Text Area Format Field CSS Style for jQSmoothTop and uses the id #smoothtop and class .smoothtop. To use other arrow images, use up-arrow.gif, up-arrow-1.gif, up-arrow-2.gif, up-arrow-3.gif, up-arrow-black.gif, up-arrow-blue.gif, up-arrow-blue-light.gif, up-arrow-green.gif, up-arrow-green-dark.gif, up-arrow-grey.gif, up-arrow-dark.gif, up-arrow-orange.gif, up-arrow-purple.gif, up-arrow-red.gif and up-arrow-teal.gif. If Joomla is installed in a subdirectory, be sure to change the image path here or the image will not appear. Drag the lower-right corner to expand. To restore default CSS, clear this field and save.

Other Info

Requirements

Joomla 1.6, 1.7 2.5 or 3.x, jQuery and jQuery Easing.

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_jqsmoothtop_1-0-0.zip Initial release.

Comments

Comments  

 
0 # seo company 2014-03-05 06:02
Genuinely no matter if someone doesn't understand then its up to other
people that they will help, so here it occurs.
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