Imageless Top of The Page Plugin For jQuery - iTopPage

File Size: 89.2 KB
Views Total: 3713
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Imageless Top of The Page Plugin For jQuery - iTopPage

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.