Advertisement
Guest User

Untitled

a guest
Aug 16th, 2017
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.92 KB | None | 0 0
  1. <nav class="navbar navbar-fixed-top" role="navigation"> <!-- menu scroll fixed -->
  2. <div id="header-container" class="container navbar-container">
  3.  
  4. <div class="navbar-header">
  5. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  6. <span class="sr-only">Toggle navigation</span>
  7. <span class="icon-bar"></span>
  8. <span class="icon-bar"></span>
  9. <span class="icon-bar"></span>
  10. </button>
  11. <a class="navbar-brand" href="#"><img src="images/logo-building.svg" alt="logo de la empresa"></a>
  12. <!-- Colocar el IMG con el logo del sitio -->
  13. </div>
  14.  
  15. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  16. <ul class="nav navbar-nav navbar-right">
  17. <li><a href="#Nosotros">Nosotros</a></li>
  18. <li><a href="#Proyectos">Proyectos</a></li>
  19. <li><a href="#Edificios">Edificios</a></li>
  20. <li><a href="#Blog">Blog</a></li>
  21. <li class="cblanco"><p class="navbar-text">+59 221 421 0847</p></li>
  22. <li><a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  23. <li><a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  24. <li class="cblanco"><a href="#" title="Youtube" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
  25. <li><a href="#Contacto" title="Contacto"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
  26. </ul>
  27. </div><!-- /.navbar-collapse -->
  28. </div><!-- /.container -->
  29. </nav>
  30.  
  31. <nav class=" navscroll navbar navbar-fixed-top" role="navigation"> <!-- menu scroll fixed -->
  32. <div id="header-container" class="container navbar-container">
  33.  
  34. <div class="navbar-header">
  35. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  36. <span class="sr-only">Toggle navigation</span>
  37. <span class="icon-bar"></span>
  38. <span class="icon-bar"></span>
  39. <span class="icon-bar"></span>
  40. </button>
  41. <a class="navbar-brand" href="#"><img src="images/logo-building.svg" alt="logo de la empresa"></a>
  42. <!-- Colocar el IMG con el logo del sitio -->
  43. </div>
  44.  
  45. <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  46. <ul class="nav navbar-nav navbar-right">
  47. <li><a href="#Nosotros">Nosotros</a></li>
  48. <li><a href="#Proyectos">Proyectos</a></li>
  49. <li><a href="#Edificios">Edificios</a></li>
  50. <li><a href="#Blog">Blog</a></li>
  51. <li class="cblanco"><p class="navbar-text">+59 221 421 0847</p></li>
  52. <li><a href="#" title="Facebook" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
  53. <li><a href="#" title="Twitter" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  54. <li class="cblanco"><a href="#" title="Youtube" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
  55. <li><a href="#Contacto" title="Contacto"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></li>
  56. </ul>
  57. </div><!-- /.navbar-collapse -->
  58. </div><!-- /.container -->
  59. </nav>
  60. </header>
  61.  
  62. $(".navscroll").hide();
  63.  
  64. $('.dropbox').hide();
  65.  
  66. $(function (){
  67. $(window).scroll(function(){
  68.  
  69. if ($(this).scrollTop() > 100){
  70. $('.navscroll').fadeIn();
  71. $('.dropbox').fadeIn();
  72. } else{
  73. $(".navscroll").fadeOut();
  74. $(".dropbox").fadeOut()
  75. }
  76. });
  77. });
  78.  
  79. });
  80. }(jQuery));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement