You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
engelsystem/frontend/js/sticky-headers.js

32 lines
1008 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"
});
});
}
});