codyhouse/auto-hiding-navigation

A simple navigation that auto-hides when the user scrolls down, and becomes visible when the user scrolls up.

auto-hiding-navigation's Issues

Menu items scrollable if many items

Hi CodyHouse team,
How to make menu items scrollable if I have many menu items? Please help me

Submenu in fixed subnav (nav-subnav)

Hello!!

I tried to create some submenu in fixed subnav but when it gets collapsed for mobiles, the submenu button lost its css. I tried to solve it thousands of times but don't know how.

Iis it possible to add an example of a submenu in the fixed navbar?

Thank you in advance!!

is it compatible with bootstrap ?

Dear team,

thanks for bringing up this tool !
I come to ask whether it is compatible with bootstrap or not ? Indeed, I try to manage the proposed class system as follows :

<header class="cd-auto-hide-header">
  <nav id="global-nav" class="navbar navbar-expand navbar-light fixed-top bg-light d-none d-sm-block">
    <!-- the container-fluid allows to work with flex -->
    <div class="container-fluid">
    	<a class="nav-brand float-left" href="dashboard.php"><img width="150px" src="./img/logo.png" alt="logo"/></a>
    	<ul class="navbar-nav mx-auto flex-nowrap flex-row">
          <li class="nav-item">
            <a class="nav-link" href="#">Nav item</a>
          </li>
        </ul>
    </div>
   <nav>
</header>
<main class="cd-main-content">
---content of page
</main>

With adding the js file and the css styles from the tutorial https://codyhouse.co/gem/auto-hiding-navigation;

but it does not work; as a result I just get my nav permanently hidden.

thanks...

Firefox and chrome not working identically

If you scroll down (with mousewheel) the chrome will directly disappear the navigation. The Firefox working not the same way, why ever.

Another idea/suggestion is to get the navigation shown if you are in the upper area of the page. This was not working for me under FF. So I changed the function "checkSimpleNavigation" a little bit in the first if-query:
//there's no secondary nav or secondary nav is below primary nav
if (previousTop - currentTop > scrollDelta || currentTop < scrollOffset) {