iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

no scroll handler, wenn no shift calendar

This commit is contained in:
msquare 2016-12-06 10:09:37 +01:00
parent 2f0a63a4a1
commit 5fea199b54
3 changed files with 33 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/js/shift-calendar.js
View File

@ -1,30 +0,0 @@
/**
* Enables the fixed headers and time lane for the shift-calendar.
*/
$(document).ready(
function() {
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"
});
});
});

32
public/js/sticky-headers.js Normal file
View File

@ -0,0 +1,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"
});
});
}
});

2
templates/layout.html
View File

@ -48,6 +48,6 @@
});
</script>
<script type="text/javascript" src="js/moment-countdown.js"></script>
<script type="text/javascript" src="js/shift-calendar.js"></script>
<script type="text/javascript" src="js/sticky-headers.js"></script>
</body>
</html>