"
Team:ATOMS-Turkiye/Templates/Head
From 2013.igem.org
(Difference between revisions)
| Line 3: | Line 3: | ||
<script> | <script> | ||
| + | |||
| + | UpdateTableHeaders = function () { | ||
| + | var el = $("#menu"), | ||
| + | offset = el.offset(), | ||
| + | scrollTop = $(window).scrollTop(), | ||
| + | floatingHeader = $(".floatingHeader") | ||
| + | |||
| + | if ((scrollTop > offset.top) && (scrollTop < offset.top + el.height())) { | ||
| + | floatingHeader.css({ | ||
| + | "visibility": "visible" | ||
| + | }); | ||
| + | } else { | ||
| + | floatingHeader.css({ | ||
| + | "visibility": "hidden" | ||
| + | }); | ||
| + | } | ||
| + | } | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| Line 15: | Line 32: | ||
$(this).find('ul').hide(); | $(this).find('ul').hide(); | ||
}); | }); | ||
| + | |||
| + | clonedHeader = $("#menu").clone(); | ||
| + | $("#menu").before(clonedHeder). | ||
| + | .css("width", clonedHeaderRow.width()) | ||
| + | .addClass("floatingHeader"); | ||
| + | |||
| + | $(window) | ||
| + | .scroll(UpdateTableHeaders) | ||
| + | .trigger("scroll"); | ||
}); | }); | ||
| + | |||
| + | |||
| + | // DOM Ready | ||
</script> | </script> | ||
<div id="header"> | <div id="header"> | ||
Revision as of 09:03, 3 October 2013
