Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 324: Line 324:
//parallax
//parallax
-
$("h1").click( function() {
+
$(window).scroll(function(){
 +
var scrolled = parseInt($(window).scrollTop(), 10);
 +
alert(scrolled);
$(".parallax").each(function() {
$(".parallax").each(function() {
-
var speed = 1000 * parseInt($(this).data('speed'), 10);
+
var speed = 100 * parseInt($(this).data('speed'), 10);
-
$(this).animate( { left: '-=100%' }, speed);
+
$(this).animate( { left: scrolled }, speed);
});
});
});
});
Line 354: Line 356:
</header>
</header>
<!-- Screen 1 -->
<!-- Screen 1 -->
-
<div class="parallax" data-speed="2" style="left: 150%;">
+
<div class="parallax" data-speed="11" style="left: 150%;">
<h2> Project </h2>
<h2> Project </h2>
</div>
</div>
-
<div class="parallax" data-speed="1" style="left: 150%; padding-top: 100px">
+
<div class="parallax" data-speed="10" style="left: 150%; padding-top: 100px">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
</div>
</div>
-
<div class="parallax" data-speed="1" style="left: 50%;">
+
<div class="parallax" data-speed="10" style="left: 50%;">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
<img src="https://static.igem.org/mediawiki/igem.org/6/67/IGEMsmall.png">
</div>
</div>

Revision as of 00:00, 30 December 2013

Parallax Test

Whee

Project

Retrieved from "http://2013.igem.org/Team:Cornell/sandbox"