engelsystem/frontend/js/sticky-headers.js

32 lines
1012 B
JavaScript

/**
* 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'
});
});
}
});