Imageless Top of The Page Plugin For jQuery - iTopPage
File Size: | 89.2 KB |
---|---|
Views Total: | 3715 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
iTopPage is another jQuery Back to top plugin that displays a scroll to top button with a white arrow from a specified point when your vistors scrolling down the page. When the button is clicked, the page will scroll to top of the page with a smooth scrolling effect.
How to use it:
1. Inlcude jQuery library and iTopPage.js into your head section
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.itoppage.js"></script>
2. Inlcude iTopPage CSS
<link rel="stylesheet" href="jquery.itoppage.css" type="text/css"/>
3. Call the plugin
<script type="text/javascript"> $(document).ready(function() { $().iTopPage(); }); </script>
4. Options
startPosition: 100 //Position from top of the window (in pixels) title: 'Scroll to Top' //Mouse hover title attribute text color: 'red' //black(default),red,pink,blue,orange,green place: 'bottomRight' //Position of the button: bottomLeft, bottomCenter, bottomRight(default) picture: 'toparrow.png' //Relative or absolute path of an image (jpg,png,gif,jpeg) default: null (imageless mode)
This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.