koha-tmpl/intranet-tmpl/lib/jquery/plugins/jquery.fixFloat.js

   1 /* Source: http://www.webspeaks.in/2011/07/new-gmail-like-floating-toolbar-jquery.html
   2    Revision: http://jsfiddle.net/pasmalin/AyjeZ/
   3 */
   4 (function ($, window) {
   5     "use strict";
   6     $.fn.fixFloat = function (options) {
   7         var options = options || {};
   8         var tbh = $(this);
   9         var defaults = {
  10             enabled: true,
  11             originalOffset: tbh.offset().top,
  12             originalPosition: tbh.position().top,
  13         };
  14         var originalOffset = typeof options.originalOffset === 'undefined'
  15             ? defaults.originalOffset
  16             : options.originalOffset;
  17
  18         var originalPosition = typeof options.originalPosition === 'undefined'
  19             ? defaults.originalPosition
  20             : options.originalPosition;
  21
  22         options = $.extend(defaults, options);
  23
  24         if (tbh.css('position') !== 'absolute') {
  25             var tbhBis = tbh.clone();
  26             tbhBis.css({
  27                 "display": tbh.css("display"),
  28                     "visibility": "hidden"
  29             });
  30             tbhBis.width(tbh.outerWidth(true));
  31             tbhBis.height(tbh.outerHeight(true));
  32             tbh.after(tbhBis);
  33             tbh.width(tbh.width());
  34             var tbl = tbh.find("th,td");
  35             if (tbl.length > 0) {
  36                 tbl.each(function () {
  37                     var $elt = $(this);
  38                     $elt.width($elt.outerWidth(true));
  39                 });
  40             }
  41             tbh.css({
  42                 'position': 'absolute',
  43                     'top': originalPosition,
  44             });
  45         }
  46
  47         if (options.enabled) {
  48             $(window).scroll(function () {
  49                 var offsetTop = tbh.offset().top;
  50
  51                 var s = parseInt($(window).scrollTop(), 10);
  52
  53                 var fixMe = (s > offsetTop);
  54                 var repositionMe = (s < originalOffset);
  55                 if (fixMe) {
  56                     tbh.css({
  57                         'position': 'fixed',
  58                             'top': '0',
  59                         'z-index': '1000'
  60                     });
  61                     tbh.addClass("floating");
  62                 }
  63                 if (repositionMe) {
  64                     tbh.css({
  65                         'position': 'absolute',
  66                             'top': originalPosition,
  67                         'z-index': '1'
  68                     });
  69                     tbh.removeClass("floating");
  70                 }
  71             });
  72         }
  73     };
  74 })(jQuery, window);