Difference between revisions of "Team:Kent"
Line 4: | Line 4: | ||
<html> | <html> | ||
+ | |||
+ | <div class="js-background-1 container"></div> <div class="js-background-2 container"></div> | ||
+ | .container { padding: 400px 200px; } | ||
+ | .js-background-1 { background: transparent <img src="https://static.igem.org/mediawiki/2015/6/6c/Team_Kent_MainPageBanner.jpg"> center 0 no-repeat; } | ||
+ | .js-background-2 { background: transparent url() center 0 no-repeat; } | ||
+ | |||
+ | var $window = $(window); var velocity = 0.4; function update(){ var pos = $window.scrollTop(); $('.container').each(function() { var $element = $(this); var height = $element.height(); $(this).css('backgroundPosition', '50% ' + Math.round((height - pos) * velocity) + 'px'); }); }; $window.bind('scroll', update); | ||
+ | |||
+ | |||
+ | |||
<Head> <meta name="viewport" content="width=device-width, initial-scale=1" /></Head> | <Head> <meta name="viewport" content="width=device-width, initial-scale=1" /></Head> | ||
<h1> Welcome to our iGem page </h1> | <h1> Welcome to our iGem page </h1> |
Revision as of 17:28, 30 June 2015
.container { padding: 400px 200px; } .js-background-1 { background: transparent center 0 no-repeat; } .js-background-2 { background: transparent url() center 0 no-repeat; } var $window = $(window); var velocity = 0.4; function update(){ var pos = $window.scrollTop(); $('.container').each(function() { var $element = $(this); var height = $element.height(); $(this).css('backgroundPosition', '50% ' + Math.round((height - pos) * velocity) + 'px'); }); }; $window.bind('scroll', update);
Welcome to our iGem page
Our wiki is currently under construction, please follow us for further updates!