jQuery GoUp!
A simple jQuery plugin that let users go back to the top of a web page.
Easy Peasy
Download the minified version of the plugin, include it after jQuery and:
<script> jQuery(document).ready(function(){ jQuery.goup(); }); </script>
Demo
Yeah! You can see a live demo here: http://dnlnrs.github.io/jquery-goup/
Options
Name | Description | Type | Default |
---|---|---|---|
location | On which side the button will be shown ("left" or "right") | String | right |
locationOffset | How many pixel the button is distant from the edge of the screen, based on the location setted | Integer | 20 |
bottomOffset | How many pixel the button is distant from the bottom edge of the screen | Integer | 10 |
containerSize | The width and height of the button (minimum is 20) | Integer | 40 |
containerRadius | Let you transform a square in a circle (yeah, it's magic!) | Integer | 10 |
containerClass | The class name given to the button container | String | goup-container |
arrowClass | The class name given to the arrow container | String | goup-arrow |
containerColor | The color of the container (in hex format) | String | #000 |
arrowColor | The color of the arrow (in hex format) | String | #fff |
trigger | After how many scrolled down pixels the button must be shown (bypassed by alwaysVisible ) | Integer | 500 |
entryAnimation | The animation of the show and hide events of the button ("slide" or "fade") | String | fade |
alwaysVisible | Set to true if u want the button to be always visible (bypass trigger ) | Boolean | false |
goupSpeed | The speed at which the user will be brought back to the top ("slow", "normal" or "fast") | String | slow |
hideUnderWidth | The threshold of window width under which the button is permanently hidden | Integer | 500 |
title | A text to show on the button mouse hover | String | '' |
titleAsText | If true the hover title becomes a true text under the button | Boolean | false |
titleAsTextClass | The class name given to the title text | String | goup-text |
zIndex | Set the z-index | Integer | 1 |
Changelog
v1.1.3 (08-31-2017)
- Added ESLint check
- Some code refactoring
v1.1.2 (08-09-2017)
- Some code refactoring
v1.1.1 (08-05-2017)
- Year and url update
v1.1.0 (05-08-2016)
- Added
zIndex
parameter - Some code refactoring
For more changelog info check the CHANGELOG.md
file.
License and Copyright
jQuery GoUp! is dual licensed under the GPL and MIT licenses.
(c) 2014-2018 Daniele Lenares