parent
983cc1890c
commit
0318ffbd7a
|
@ -14,6 +14,7 @@
|
||||||
<link rel="stylesheet" href="Styles/SpinningWheel.css" />
|
<link rel="stylesheet" href="Styles/SpinningWheel.css" />
|
||||||
<link rel="stylesheet" href="Styles/minibar.min.css" />
|
<link rel="stylesheet" href="Styles/minibar.min.css" />
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w==" crossorigin="anonymous" />
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/css/OverlayScrollbars.css" />
|
||||||
<!-- CSS end -->
|
<!-- CSS end -->
|
||||||
<!-- Header scripts -->
|
<!-- Header scripts -->
|
||||||
<script src="https://kit.fontawesome.com/57b6c8b971.js" crossorigin="anonymous"></script>
|
<script src="https://kit.fontawesome.com/57b6c8b971.js" crossorigin="anonymous"></script>
|
||||||
|
@ -22,6 +23,7 @@
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.1/js/jquery.overlayScrollbars.js"></script>
|
||||||
<!-- Header scripts end -->
|
<!-- Header scripts end -->
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
@ -697,12 +699,15 @@
|
||||||
</footer>
|
</footer>
|
||||||
<!-- Footer end -->
|
<!-- Footer end -->
|
||||||
<!-- Body scripts -->
|
<!-- Body scripts -->
|
||||||
|
<script src="Javascript/OverlayScrollbar.js"></script>
|
||||||
|
<script src="Javascript/ScrollController.js"></script>
|
||||||
|
|
||||||
<script src="Javascript/Collapsible.js"></script>
|
<script src="Javascript/Collapsible.js"></script>
|
||||||
<script src="Javascript/PasswordValidation.js"></script>
|
<script src="Javascript/PasswordValidation.js"></script>
|
||||||
<script src="Javascript/Kalender.js"></script>
|
<script src="Javascript/Kalender.js"></script>
|
||||||
<script src="Javascript/SpinningWheel.js"></script>
|
<script src="Javascript/SpinningWheel.js"></script>
|
||||||
<script src="Javascript/minibar.min.js"></script>
|
<script src="Javascript/minibar.min.js"></script>
|
||||||
<script src="Javascript/HeaderFunctionality.js"></script>
|
<!-- <script src="Javascript/HeaderFunctionality.js"></script> -->
|
||||||
<script src="Javascript/LoginFunctionality.js"></script>
|
<script src="Javascript/LoginFunctionality.js"></script>
|
||||||
<!-- Body scripts end -->
|
<!-- Body scripts end -->
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -0,0 +1,10 @@
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
//The first argument are the elements to which the plugin shall be initialized
|
||||||
|
//The second argument has to be at least a empty object or a object with your desired options
|
||||||
|
OverlayScrollbars(document.querySelectorAll('body'), { });
|
||||||
|
});
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
//The passed argument has to be at least a empty object or a object with your desired options
|
||||||
|
$('body').overlayScrollbars({ });
|
||||||
|
});
|
|
@ -0,0 +1,21 @@
|
||||||
|
/* When the user scrolls down, hide the navbar. When the user scrolls up, show the navbar */
|
||||||
|
$(document).ready(function() {
|
||||||
|
var instance = $('body').overlayScrollbars();
|
||||||
|
var prevScrollpos = instance.scroll().position.y;
|
||||||
|
|
||||||
|
console.log(prevScrollpos);
|
||||||
|
|
||||||
|
window.onscroll = function() {
|
||||||
|
|
||||||
|
var currentScrollPos = instance.scroll().position.y;
|
||||||
|
console.log(currentScrollPos);
|
||||||
|
if (prevScrollpos > currentScrollPos) {
|
||||||
|
$("#header").css({"top" : "0"});
|
||||||
|
} else {
|
||||||
|
$("#header").css({"top" : "-50px"});
|
||||||
|
}
|
||||||
|
|
||||||
|
prevScrollpos = currentScrollPos;
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
Loading…
Reference in New Issue