Template:Queens Canada/Header
From 2012.igem.org
(Difference between revisions)
Line 736: | Line 736: | ||
}); | }); | ||
</script> | </script> | ||
- | <script type="text/javascript"> | + | <script type="text/javascript"> // run this code on page load (AKA DOM load) |
- | + | ||
/* set variables locally for increased performance */ | /* set variables locally for increased performance */ | ||
var scroll_timer; | var scroll_timer; | ||
var displayed = false; | var displayed = false; | ||
- | var $message = $('# | + | var $message = $('#message a'); |
var $window = $(window); | var $window = $(window); | ||
var top = $(document.body).children(0).position().top; | var top = $(document.body).children(0).position().top; | ||
- | + | ||
/* react to scroll event on window */ | /* react to scroll event on window */ | ||
$window.scroll(function () { | $window.scroll(function () { | ||
window.clearTimeout(scroll_timer); | window.clearTimeout(scroll_timer); | ||
- | scroll_timer = window.setTimeout(function () { | + | scroll_timer = window.setTimeout(function () { // use a timer for performance |
- | if($window.scrollTop() <= top) | + | if($window.scrollTop() <= top) // hide if at the top of the page |
{ | { | ||
displayed = false; | displayed = false; | ||
$message.fadeOut(500); | $message.fadeOut(500); | ||
} | } | ||
- | else if(displayed == false) | + | else if(displayed == false) // show if scrolling down |
{ | { | ||
displayed = true; | displayed = true; | ||
Line 761: | Line 761: | ||
}, 100); | }, 100); | ||
}); | }); | ||
- | |||
</script> | </script> | ||
</html> | </html> |
Revision as of 18:52, 5 July 2012
Control