Browse Source

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

master
sovanna 2 months ago
parent
commit
14ec597b85
2 changed files with 19 additions and 13 deletions
  1. 12
    4
      static/css/order-hardware.css
  2. 7
    9
      templates/_base.html

+ 12
- 4
static/css/order-hardware.css 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;
}

+ 7
- 9
templates/_base.html 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>

Loading…
Cancel
Save