| | 1 | <link href="/css/prism.css" rel="stylesheet"> |
| | 2 | <script src="/js/jquery-1.10.2.js"></script> |
| | 3 | <script src="/js/bootstrap.js"></script> |
| | 4 | <script src="/js/prism.js"></script> |
| | 5 | <script> |
| | 6 | $(function(){ |
| | 7 | var shrinkHeader = 80; |
| | 8 | $(window).scroll(function() { |
| | 9 | var scroll = getCurrentScroll(); |
| | 10 | if ( scroll >= shrinkHeader ) { |
| | 11 | $('.navbar-brand').addClass('navbar-shrink'); |
| | 12 | $('.navbar-inverse').addClass('navbar-colored'); |
| | 13 | $('.navbar-nav').css({"margin":"0 0 0 15px"}); |
| | 14 | $(".sun").show(); |
| | 15 | $('.navbar-lower').addClass('navbarlower-colored'); |
| | 16 | |
| | 17 | } |
| | 18 | else{ |
| | 19 | $('.navbar-brand').removeClass('navbar-shrink'); |
| | 20 | $('.navbar-inverse').removeClass('navbar-colored'); |
| | 21 | $('.navbar-nav').css({"margin":"25px 0 0 25px"}); |
| | 22 | $(".sun").hide(); |
| | 23 | $('.navbar-lower').removeClass('navbarlower-colored'); |
| | 24 | |
| | 25 | } |
| | 26 | }); |
| | 27 | function getCurrentScroll() { |
| | 28 | return window.pageYOffset; |
| | 29 | } |
| | 30 | }); |
| | 31 | |
| | 32 | |
| | 33 | $('.navbar-lower').affix({ |
| | 34 | offset: {top: 60} |
| | 35 | }); |
| | 36 | |
| | 37 | </script> |