From 7f722314e4fc21419552ec27eb91e6f7e6347b71 Mon Sep 17 00:00:00 2001 From: marudor Date: Wed, 3 Jan 2018 01:19:31 +0100 Subject: frontend stuff with babel and webpack --- js/sticky-headers.js | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 js/sticky-headers.js (limited to 'js/sticky-headers.js') diff --git a/js/sticky-headers.js b/js/sticky-headers.js new file mode 100644 index 00000000..6e6a75e2 --- /dev/null +++ b/js/sticky-headers.js @@ -0,0 +1,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" + }); + }); + } +}); -- cgit v1.2.3-54-g00ecf