Browse Source

Added mouseover behavior for nav UI bar

full-screen-logo-homepage
Said Achmiz 5 years ago
parent
commit
305695f9d4
2 changed files with 4 additions and 2 deletions
  1. 1
    2
      assets/css/main.css
  2. 3
    0
      assets/js/script.js

+ 1
- 2
assets/css/main.css View File

} }
main nav.translucent-on-scroll { main nav.translucent-on-scroll {
opacity: 0.6; opacity: 0.6;
filter: blur(2px);
pointer-events: none;
filter: blur(1px);
} }


main nav a { main nav a {

+ 3
- 0
assets/js/script.js View File

"siteNavUI": queryAll(GW.siteNavUISelector), "siteNavUI": queryAll(GW.siteNavUISelector),
}; };
addScrollListener(updateSiteNavUIState, "updateSiteNavUIStateScrollListener"); addScrollListener(updateSiteNavUIState, "updateSiteNavUIStateScrollListener");
GW.scrollState.siteNavUI.forEach(element => {
element.addEventListener("mouseover", () => { showSiteNavUI(); });
});
}); });



Loading…
Cancel
Save