forked from hummypkg/webif
61 lines
1.7 KiB
JavaScript
61 lines
1.7 KiB
JavaScript
|
/*
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
| UItoTop jQuery Plugin 1.1
|
||
|
|
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|
||
|
|
|--------------------------------------------------------------------------
|
||
|
|
*/
|
||
|
|
|
||
|
|
(function($){
|
||
|
|
$.fn.UItoTop = function(options) {
|
||
|
|
|
||
|
|
var defaults = {
|
||
|
|
text: 'To Top',
|
||
|
|
min: 400,
|
||
|
|
|
||
|
|
inDelay:600,
|
||
|
|
outDelay:300,
|
||
|
|
containerID: 'toTop',
|
||
|
|
containerHoverID: 'toTopHover',
|
||
|
|
scrollSpeed: 1000,
|
||
|
|
easingType: 'linear'
|
||
|
|
};
|
||
|
|
|
||
|
|
var settings = $.extend(defaults, options);
|
||
|
|
var containerIDhash = '#' + settings.containerID;
|
||
|
|
var containerHoverIDHash = '#'+settings.containerHoverID;
|
||
|
|
|
||
|
|
$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');
|
||
|
|
$(containerIDhash).hide().click(function(){
|
||
|
|
$('html, body').animate({scrollTop:0}, settings.scrollSpeed, settings.easingType);
|
||
|
|
$('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType);
|
||
|
|
return false;
|
||
|
|
})
|
||
|
|
.prepend('<span id="'+settings.containerHoverID+'"></span>')
|
||
|
|
.hover(function() {
|
||
|
|
$(containerHoverIDHash, this).stop().animate({
|
||
|
|
'opacity': 1
|
||
|
|
}, 300, 'linear');
|
||
|
|
}, function() {
|
||
|
|
$(containerHoverIDHash, this).stop().animate({
|
||
|
|
'opacity': 0
|
||
|
|
}, 600, 'linear');
|
||
|
|
});
|
||
|
|
|
||
|
|
$(window).scroll(function() {
|
||
|
|
var sd = $(window).scrollTop();
|
||
|
|
if(typeof document.body.style.maxHeight === "undefined") {
|
||
|
|
$(containerIDhash).css({
|
||
|
|
'position': 'absolute',
|
||
|
|
'left': 20,
|
||
|
|
'top': $(window).scrollTop() + $(window).height() - 50
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if ( sd > settings.min )
|
||
|
|
$(containerIDhash).fadeIn(settings.inDelay);
|
||
|
|
else
|
||
|
|
$(containerIDhash).fadeOut(settings.Outdelay);
|
||
|
|
});
|
||
|
|
|
||
|
|
};
|
||
|
|
})(jQuery);
|