Team:TU-Eindhoven/Templates/header
From 2012.igem.org
(Difference between revisions)
Nickveeken (Talk | contribs) |
|||
(4 intermediate revisions not shown) | |||
Line 11: | Line 11: | ||
background-repeat:repeat-y | background-repeat:repeat-y | ||
} | } | ||
- | |||
- | |||
- | |||
</style> | </style> | ||
Line 169: | Line 166: | ||
}); | }); | ||
$('a.image').lightBox(); | $('a.image').lightBox(); | ||
+ | |||
+ | var top = $('#accmenu').offset().top - parseFloat($('#accmenu').css('margin-top').replace(/auto/, 0)); | ||
+ | |||
+ | $(window).scroll(function () { | ||
+ | // what the y position of the scroll is | ||
+ | var y = $(window).scrollTop(); | ||
+ | |||
+ | // whether that's below the form | ||
+ | if(y >= top) { | ||
+ | // if so, add the fixed class | ||
+ | $('#accmenu').addClass('fixed'); | ||
+ | } else { | ||
+ | // otherwise, remove it | ||
+ | $('#accmenu').removeClass('fixed'); | ||
+ | } | ||
+ | }); | ||
+ | |||
}); | }); | ||
</script> | </script> | ||
Line 183: | Line 197: | ||
<!-- start header --> | <!-- start header --> | ||
+ | <div id="header" class="clickableDiv"> | ||
+ | <a href="https://2012.igem.org/Team:TU-Eindhoven"> </a> | ||
+ | </div> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(".clickableDiv").click(function(){ | $(".clickableDiv").click(function(){ | ||
Line 189: | Line 206: | ||
}); | }); | ||
</script> | </script> | ||
- | |||
- | |||
- | |||
- | |||
<!-- end header --> | <!-- end header --> | ||
Line 198: | Line 211: | ||
<div id="left"> | <div id="left"> | ||
</html> | </html> | ||
- | {{:Team:TU-Eindhoven/menu | + | {{:Team:TU-Eindhoven/menu}} |
- | }} | + | |
<html> | <html> | ||
</div> | </div> |
Latest revision as of 10:42, 25 September 2012