74 lines
2.4 KiB
JavaScript
74 lines
2.4 KiB
JavaScript
/* Source: http://www.webspeaks.in/2011/07/new-gmail-like-floating-toolbar-jquery.html
|
|
Revision: http://jsfiddle.net/pasmalin/AyjeZ/
|
|
*/
|
|
(function ($, window) {
|
|
"use strict";
|
|
$.fn.fixFloat = function (options) {
|
|
var options = options || {};
|
|
var tbh = $(this);
|
|
var defaults = {
|
|
enabled: true,
|
|
originalOffset: tbh.offset().top,
|
|
originalPosition: tbh.position().top,
|
|
};
|
|
var originalOffset = typeof options.originalOffset === 'undefined'
|
|
? defaults.originalOffset
|
|
: options.originalOffset;
|
|
|
|
var originalPosition = typeof options.originalPosition === 'undefined'
|
|
? defaults.originalPosition
|
|
: options.originalPosition;
|
|
|
|
options = $.extend(defaults, options);
|
|
|
|
if (tbh.css('position') !== 'absolute') {
|
|
var tbhBis = tbh.clone();
|
|
tbhBis.css({
|
|
"display": tbh.css("display"),
|
|
"visibility": "hidden"
|
|
});
|
|
tbhBis.width(tbh.innerWidth(true));
|
|
tbhBis.height(tbh.height());
|
|
tbhBis.attr('id', tbh.attr('id')+'Bis'); // Avoid 2 elts with the same id
|
|
tbh.after(tbhBis);
|
|
tbh.width(tbh.width());
|
|
tbh.css({
|
|
'position': 'absolute',
|
|
'top': originalPosition,
|
|
});
|
|
}
|
|
|
|
if (options.enabled) {
|
|
$(window).scroll(function () {
|
|
var offsetTop = tbh.offset().top;
|
|
|
|
var s = parseInt($(window).scrollTop(), 10);
|
|
|
|
var fixMe = (s > offsetTop);
|
|
var repositionMe = (s < originalOffset);
|
|
if (fixMe) {
|
|
tbh.css({
|
|
'position': 'fixed',
|
|
'top': '0',
|
|
'z-index': '1000'
|
|
});
|
|
tbh.addClass("floating");
|
|
}
|
|
if (repositionMe) {
|
|
tbh.css({
|
|
'position': 'absolute',
|
|
'top': originalPosition,
|
|
'z-index': '1'
|
|
});
|
|
tbh.removeClass("floating");
|
|
}
|
|
});
|
|
|
|
$(window).resize(function() {
|
|
var p = $(tbh).parents('div').first();
|
|
$(tbh).width(p.width()-10);
|
|
});
|
|
}
|
|
};
|
|
})(jQuery, window);
|