Как сделать navbar изначально скрытым в bootstrap

Question

Я хочу, чтобы навигационная панель моего сайта была изначально скрыта, а при прокрутке вниз она должна отображаться. так же, как snowehome.com

мой код для навигационной панели очень мала и, как показано ниже:

 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
      <div class="navbar-header"> 
       <center><a href="#"><img id="img_nav" src="images/Logo Full.png"></a></center> 
      </div> 
     </nav> 

Answer 1

Просто добавьте скрытый класс или, если вы хотите, чтобы скрыть его без начальной загрузки и просто CSS

.navbar { 
 
    display: none; 
 
    } 
 

 
/*If you want to have navbar invisible but its position, margins, and paddings intact*/ 
 

 
.navbar { 
 
    visibility: hidden; 
 
    }