Template:UFMG Brazil/jquery.ui.totop.js
From 2014.igem.org
(function($){ $.fn.UItoTop = function(options) {
var defaults = {
text: , min: 500, scrollSpeed: 800,
containerID: 'toTop', containerClass: 'fa fa-chevron-up',
easingType: 'linear', min_width:parseInt($('body').css("min-width"),10), main_width:parseInt($('body').css("min-width"),10)/2
};
var settings = $.extend(defaults, options);
var containerIDhash = '#' + settings.containerID; var containerHoverIDHash = '#'+settings.containerHoverID;
$('body').append('<a href="#" id="'+settings.containerID+'" class="'+settings.containerClass+'" >'+settings.text+'</a>');
var button_width = parseInt($(containerIDhash).css("width"))+90 var button_width_1 = parseInt($(containerIDhash).css("width"))+20 var max_width = defaults.min_width+button_width; var margin_right_1 = -(defaults.main_width+button_width_1) var margin_right_2 = -(defaults.main_width-20)
function top(){ if(($(window).width()<=max_width)&&($(window).width()>=defaults.min_width))$(containerIDhash).stop().animate({marginRight:margin_right_2,right:'50%'}) else if($(window).width()<=defaults.min_width)$(containerIDhash).stop().css({marginRight:0,right:10}) else $(containerIDhash).stop().animate({marginRight:margin_right_1,right:'50%'}) } top() $(containerIDhash).hide().click(function(){ $('html, body').stop().animate({scrollTop:0}, settings.scrollSpeed, settings.easingType); $('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType); return false; })
$(window).scroll(function() {
var sd = $(window).scrollTop();
if(typeof document.body.style.maxHeight === "undefined") {
$(containerIDhash).css({
'position': 'absolute',
'top': $(window).scrollTop() + $(window).height() - 50
});
}
if ( sd > settings.min )
$(containerIDhash).stop(true,true).fadeIn(600);
else
$(containerIDhash).fadeOut(800);
});
$(window).resize(function(){top()})
};
})(jQuery);