Como faço para mostrar uma div só depois do scroll passar um certo #id?
<div class="row" id="menufixo"> <!-- TODO ADICIONAR CLASS navbar-fixed-top PARA MANTER MENU NO TOPO -->
<div class="col-md-12">
<div class="navbar-header menufixo">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menufixo">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars">MENU</i>
</button>
<div class="col-md-3">
<a class="navbar-brand" rel="home" href="#" title="foCAs">
<img src="./imagens/logo.png" class="img-responsive img-center"/>
</a>
</div>
<div class="col-md-9">
<div class="collapse navbar-collapse" id="#menufixo">
<ul class="nav navbar-nav">
<li><a href="#" class="district">DISTRICT</a></li>
<li><a>|</a></li>
<li><a href="#" class="localecossystem">LOCAL ECOSSYSTEM</a></li>
<li><a>|</a></li>
<li><a href="#" class="lifeindistrict">LIFE IN DISTRICT</a></li>
<li><a>|</a></li>
<li><a href="#" class="agenda">AGENDA</a></li>
<li><a>|</a></li>
<li><a href="#" class="usefulinformation">USEFUL INFORMATION</a></li>
<li><a>|</a></li>
<li><a href="#" class="pt">PT</a></li>
<li><a href="#" class="en">EN</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
queria que este bocado de código apenas aparece-se quando o scrool passa-se por aquie que fica-se fixa ao topo com a class "navbar-fixed-top"
<div class="container-fluid" id="district">