Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <nav class="navbar navbar-fixed-top" role="navigation"> <!-- menu scroll fixed -->
- <div id="header-container" class="container navbar-container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#"><img src="images/logo-building.svg" alt="logo de la empresa"></a>
- <!-- Colocar el IMG con el logo del sitio -->
- </div>
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav navbar-right">
- <li><a href="#Nosotros">Nosotros</a></li>
- <li><a href="#Proyectos">Proyectos</a></li>
- <li><a href="#Edificios">Edificios</a></li>
- <li><a href="#Blog">Blog</a></li>
- <li class="cblanco"><p class="navbar-text">+59 221 421 0847</p></li>
- <li><a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
- <li><a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
- <li class="cblanco"><a href="#" title="Youtube" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
- <li><a href="#Contacto" title="Contacto"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
- </ul>
- </div><!-- /.navbar-collapse -->
- </div><!-- /.container -->
- </nav>
- <nav class=" navscroll navbar navbar-fixed-top" role="navigation"> <!-- menu scroll fixed -->
- <div id="header-container" class="container navbar-container">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#"><img src="images/logo-building.svg" alt="logo de la empresa"></a>
- <!-- Colocar el IMG con el logo del sitio -->
- </div>
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav navbar-right">
- <li><a href="#Nosotros">Nosotros</a></li>
- <li><a href="#Proyectos">Proyectos</a></li>
- <li><a href="#Edificios">Edificios</a></li>
- <li><a href="#Blog">Blog</a></li>
- <li class="cblanco"><p class="navbar-text">+59 221 421 0847</p></li>
- <li><a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
- <li><a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
- <li class="cblanco"><a href="#" title="Youtube" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
- <li><a href="#Contacto" title="Contacto"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
- </ul>
- </div><!-- /.navbar-collapse -->
- </div><!-- /.container -->
- </nav>
- </header>
- $(".navscroll").hide();
- $('.dropbox').hide();
- $(function (){
- $(window).scroll(function(){
- if ($(this).scrollTop() > 100){
- $('.navscroll').fadeIn();
- $('.dropbox').fadeIn();
- } else{
- $(".navscroll").fadeOut();
- $(".dropbox").fadeOut()
- }
- });
- });
- });
- }(jQuery));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement