Difference between revisions of "Team:Tec-Monterrey/sandbox"
EstebanDLPT (Talk | contribs) m |
EstebanDLPT (Talk | contribs) m |
||
| Line 100: | Line 100: | ||
#background-river { | #background-river { | ||
| − | height: | + | height: auto; |
background-image: url(https://static.igem.org/mediawiki/2018/d/d0/T--Tec-Monterrey--Background_Rio.png); | background-image: url(https://static.igem.org/mediawiki/2018/d/d0/T--Tec-Monterrey--Background_Rio.png); | ||
width: 100%; | width: 100%; | ||
| Line 127: | Line 127: | ||
width: 100%; | width: 100%; | ||
float: left; | float: left; | ||
| − | margin-top: | + | margin-top: 40vh; |
} | } | ||
| Line 188: | Line 188: | ||
</div> | </div> | ||
<div id="final-line"></div> | <div id="final-line"></div> | ||
| + | |||
| + | <div id="hiding-block"> | ||
| + | </div> | ||
| + | |||
<br class="clearBoth"/> | <br class="clearBoth"/> | ||
</div> <!-- background-river ends --> | </div> <!-- background-river ends --> | ||
| Line 198: | Line 202: | ||
<div id="bacteria-nadando"> | <div id="bacteria-nadando"> | ||
</div> | </div> | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> <!-- scroll section ends --> | </div> <!-- scroll section ends --> | ||
| Line 239: | Line 241: | ||
$(window).scroll(function(event) { | $(window).scroll(function(event) { | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
| + | var final = $("#final-line").scrollTop(); | ||
var scrollOpacity = map(scroll, 0, 350, 1, 0); | var scrollOpacity = map(scroll, 0, 350, 1, 0); | ||
//var scrollFade = map(scroll, 350, 0, 0, 1); | //var scrollFade = map(scroll, 350, 0, 0, 1); | ||
| Line 244: | Line 247: | ||
var bacteriaTop = map(scroll, 900, 2000, -100, 100); | var bacteriaTop = map(scroll, 900, 2000, -100, 100); | ||
var bacteriaRotate = map(scroll, 0, 700, 50, 0); | var bacteriaRotate = map(scroll, 0, 700, 50, 0); | ||
| − | if (scroll > | + | if (scroll > final) { |
$('#bacteria-nadando ').css('opacity','0'); | $('#bacteria-nadando ').css('opacity','0'); | ||
} else { | } else { | ||
Revision as of 22:20, 12 October 2018
