fix(mobile/menu): Hides menu when scroll down and shows when scroll up

master
sovanna 2020-01-20 17:07:53 +01:00
parent b3076efb2b
commit 14ec597b85
2 changed files with 19 additions and 13 deletions

View File

@ -4,10 +4,6 @@
padding: 1em 1em 0;
}
.dropdown-item {
font-size: .75em;
}
.simu-clone {
z-index: 10;
}
@ -175,6 +171,12 @@
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
.dropdown-item {
font-size: .75em;
}
.sticky-top {
position: fixed;
}
.logo > img {
height: 20px;
}
@ -353,6 +355,12 @@
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
.dropdown-item {
font-size: .75em;
}
.sticky-top {
position: fixed;
}
.logo > img {
height: 20px;
}

View File

@ -218,16 +218,14 @@
var navbarSupportedContent = $('#navbarSupportedContent');
mywindow.scroll(function () {
newscroll = mywindow.scrollTop();
if (!navbarSupportedContent.hasClass('show')) {
if (newscroll > (mypos + 30) && !up) {
$('.container-header').stop().fadeOut();
up = !up;
} else if(newscroll < (mypos + 30) && up) {
$('.container-header').stop().fadeIn();
up = !up;
}
if (newscroll > mypos && !up) {
$('.container-header').stop().fadeOut();
up = !up;
} else if(newscroll < mypos && up) {
$('.container-header').stop().fadeIn();
up = !up;
}
// mypos = newscroll;
mypos = newscroll;
});
})();
</script>