|
|
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> |
iGEM Kent 2015
Welcome to our iGem page
Our wiki is currently under construction, please follow us for further updates!