resources/assets/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

/**
 * 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');
        timeLanes.css({
            'position': 'relative',
            'z-index': 999
        });
        headers.css({
            'position': 'relative',
            'z-index': 900
        });
        $(window).scroll(
            function () {
                var top = headers.parent().offset().top;
                var left = 15;
                timeLanes.css({
                    'left': Math.max(0, $(window).scrollLeft() - left) + 'px'
                });
                headers.css({
                    'top': Math.max(0, $(window).scrollTop() - top
                        + topReference.offset().top)
                        + 'px'
                });
            });
    }
});