Showing a colored gradient box with a white arrow (or an external image) from a specified point, when user scrolling down to the bottom of the page.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
src
.gitattributes
.gitignore
README.md
itoppage.jquery.json

README.md

iTopPage plugin for jQuery

Q: Why iTopPage? A: Imageless "Top of the page" plugin for jQuery

Showing a colored gradient box with a white arrow from a specified point, when user scrolling down to the bottom of the page.

Parameters:

  • 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)

Must be use the jquery.itoppage.css file to format the button!

Usage

	$(document).ready(function() {
		$().iTopPage();
	});
	
	//or with parameters
	
	$(document).ready(function() {
		$().iTopPage({startPosition: 100, title: "Oldal tetejére"});
	});

Version:

1.3.2 (2013.02.02)

  • Can use imageless mode or an external image to the top page button

1.2.2 (2013.01.22)

  • Can change the position of the button (bottomLeft, bottomCenter, bottomRight)

1.1.2 (2013.01.22)

  • Can change gradient color of the button (black, red, orange, pink, blue, green)

  • Button position stabilized (absolute->fixed)

  • Code optimized

1.0.0 (2013.01.21)

License:

GPLv2 http://www.gnu.org/licenses/gpl-2.0.html

Author:

Bubori Attila

Contact:

bubori.attila@gmail.com