Line 120: | Line 120: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-------------------------------------------------------------TESTDELETENAVBAR-----------------------------------------------------------------------------> | ||
+ | |||
+ | <style> | ||
+ | body { | ||
+ | height:1600px; | ||
+ | margin:0; | ||
+ | } | ||
+ | #navWrap { | ||
+ | height:70px | ||
+ | z-index=-10001; | ||
+ | left:150px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | nav { | ||
+ | height: 70px; | ||
+ | background:red; | ||
+ | font-family: 'Trebuchet MS'; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | .sticky { | ||
+ | position: fixed; | ||
+ | bottom:0; | ||
+ | } | ||
+ | h1 { | ||
+ | margin: 0; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | |||
+ | |||
+ | $(window).scroll(function(){ | ||
+ | var position = $(window).scrollTop(); | ||
+ | if (position>335) | ||
+ | $('nav').addClass('sticky'); | ||
+ | else { | ||
+ | $('nav').removeClass('sticky'); | ||
+ | } | ||
+ | }) | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | <div id="navWrap"> | ||
+ | <nav> | ||
+ | <h1>NAVBARNAVBARNAVBARNAVBARNAVBARNAVBAR </h1> | ||
+ | |||
+ | </nav> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <!-------------------------------------------------------------NAVBAR END-----------------------------------------------------------------------------> | ||
+ | |||
</div> | </div> | ||
Revision as of 16:10, 12 September 2017
Welcome to Dalhousie's 2017 iGEM wiki
Sponsor area