public/js/sticky-headers.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

/**
 * Enables the fixed headers and time lane for the shift-calendar and datatables
 */
$(document).ready(
    function() {
      if ($(".shift-calendar").length) {
        var timeLanes = $(".shift-calendar .time");
        var headers = $(".shift-calendar .header");
        var topReference = $(".container-fluid .row");
        var top = headers.offset().top;
        var left = 15;
        timeLanes.css({
          "position" : "relative",
          "z-index" : 999
        });
        headers.css({
          "position" : "relative",
          "z-index" : 900
        });
        $(window).scroll(
            function() {
              timeLanes.css({
                "left" : Math.max(0, $(window).scrollLeft() - left) + "px"
              });
              headers.css({
                "top" : Math.max(0, $(window).scrollTop() - top
                    + topReference.offset().top)
                    + "px"
              });
            });
      }
    });