The best place to find jQuery plugins !
Welcome on myjqueryplugins,
the best jquery plugins library !
Connect it with GitHub and create your plugin Homepage.
Make known your plugin to the community or link it to your own website !
The best place to find jQuery plugins !
Welcome on myjqueryplugins,
the best jquery plugins library !
Connect it with GitHub and create your plugin Homepage.
Make known your plugin to the community or link it to your own website !
Plugin submitted by alpixel
BackToTop is a plugin that adds a "Back to top" link automatically to your page.
Everything is created by the plugin. No HTML code required !!
You can easily find thousand plugins like that, but ours is more customizable than all others (go to the demonstration page to see it) !
The link is entirely skinnable with css. On the demonstration page, the link is full CSS3. But you can adapt it for IE (IE is bad, please delete it from your computer and smash your customer using it).
Optionally it can benefits from the jQuery Easing plugin in order to provide a different easing animation for the scrolling effect of the page.
1 2 3 4 5 6 7 |
<!-- include CSS & JS files --> <!-- CSS file --> <link rel="stylesheet" type="text/css" href="BackToTop.jquery.css" media="screen" /> <!-- jQuery files --> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery-ui.js"></script> <script type="text/javascript" src="BackToTop.min.jquery.js"></script> |
2. MAKE A SIMPLE BACKTOTOP PLUGIN CALL
1 2 3 4 5 6 7 8 9 10 11 12 |
<script type="text/javascript"> $(document).ready(function(){ // simple BackToTop plugin called BackToTop(); // more complex BackToTop plugin called BackToTop({ text : 'My awesome text', autoShow : false, timeEffect : 750 }); }); </script> |
Comments
I added the backtotop plugin to my page.
The BackToTop div is not displayed.
The page becomes shacky when scrolled down and when the scroll stops the shack takes several more seconds and stops as well.
Any help is very much appreciated.
Hi Carlita,
Please check you don't have javascript errors with Firebug.
could you give us a link to check what is exactly the problem ?
Regards,
Thanks for your quick reply.
The site is http://southweststory.com/StoryDescription.php?id=hisctr
I tried with IE9, IE8 and firefox 15.0.1.
(Just so you know. Since several days now there is a big issue with my web host with my site being at best very choppy meaning it is up 1 minute and down for the next 2, 3 hours - this morning being down almost all the time!!!
It will help me a lot if you can email me if you CANNOT access the site.)
Thanks,
Carlita
I can access the site.
Just put a z-index to 999 line 279 of your css file :)
I do not think it is the z-order problem (though I will try it°.
If you go to other pages of the site you will see the nice BackToTop div in the right bottom corner.
The storydesctiption.php page is the only one where it does not show indeed.
The code (that you have provided for the plugin) is added to a file called leftmenu.php that is run by php on each page
Its Not working on IE
wow brilliant nice work i really appreciate this. keep it up.
http://www.deepdesigncompany.com/
nice plugin , you have to set
a#BackToTop{
position:fixed;
display:none;
/* other attributes */
}
Thx for the great script! how can I make it possible, that the link appears at a certain point/amount of pixels from top?
Hi Roeland,
Actually, it's not possible. But it's a great idea for the next version :)
Regards
Hi Roeland,
It's now possible with the new option 'autoShowOffset' !
You can see it on our demonstration page.
Regards,
Add new comment