Scroll To Top Back Button ★ jQuery Plugin
-
Include javascript
<script src="jquery.js"></script> <script src="illbeback.min.js"></script>
-
Create a button
<a href="" id="scrollToTop"></a>
-
Set plugin with button
$(function() { $("#scrollToTop").illBeBack(); });
$(function() {
$("#scrollToTop").illBeBack({
// Parameters
offset : 250, // milliseconds
speed : 200, // milliseconds
duration : 500, // milliseconds
hoverDuration : 300, // milliseconds
// Styling
ownStyle : false, // disable styling and use own
round : false, // make button round
zIndex : 1000,
size : 64, // width X height in px
// Position
top : 'auto',
left : 'auto',
bottom : 30,
right : 30,
// Background
bgColor : 'rgba(30, 30, 30, 0.4)',
hoverBgColor : 'rgba(30, 30, 30, 0.8)',
bgPosition : '50% 50%',
bgSize : '50%',
bgRepeat : 'no-repeat',
bgImage : url([URL])
});
});
- Chrome, Firefox, Safari, Opera, IE7+
Released under the MIT license.
i'll be back
______
<((((((\\\
/ . }\
;--..--._|}
(\ '--/\--' )
\\ | '-' :'|
\\ . -==- .-|
\\ \.__.' \--._
[\\ __.--| // _/'--.
\ \\ .'-._ ('-----'/ __/ \
\ \\ / __>| | '--. |
\ \\ | \ | / / /
\ '\ / \ | | _/ /
\ \ \ | | / /
\ \ \ /