Difference between revisions of "Team:Tec-Monterrey/sandboxDavid"
Davidacevedo (Talk | contribs) |
Davidacevedo (Talk | contribs) |
||
| Line 497: | Line 497: | ||
height: 10vh; | height: 10vh; | ||
width: 10vh; | width: 10vh; | ||
| − | z-index: | + | z-index: 10; |
color: #fff; | color: #fff; | ||
| Line 606: | Line 606: | ||
<div id="dropzoneWrapper"> | <div id="dropzoneWrapper"> | ||
| + | <div id="gifDiv" style="height: 60vw; width: 60vw; background-color: black; position: absolute; z-index: 6; left: 20vw;"> | ||
| + | <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tec-Monterrey--giv_v3.gif" height="100%" width="100%"> | ||
| + | </div> | ||
<div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 0;"> | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 0;"> | ||
| − | <div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tec-Monterrey--Foto_Alan.jpg"> </div> | + | <div> |
| − | + | <div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tec-Monterrey--Foto_Alan.jpg"> </div> | |
| + | <div id="esteban" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Foto_Esteban.jpg"> </div> | ||
| + | </div> | ||
| + | |||
</div> | </div> | ||
<div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 80vw;"> | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 80vw;"> | ||
| Line 630: | Line 636: | ||
</div> | </div> | ||
<script> | <script> | ||
| + | |||
| + | $(document).on('scroll', function() { | ||
| + | if($(this).scrollTop()>=$('#gifDiv').position().top){ | ||
| + | $("#gifDiv").fadeOut(); | ||
| + | }) | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | |||
| + | |||
| + | |||
document.addEventListener("DOMContentLoaded", function(event) { | document.addEventListener("DOMContentLoaded", function(event) { | ||
// target elements with the "draggable" class | // target elements with the "draggable" class | ||
Revision as of 16:37, 17 October 2018
Home
E. coding
Tec-Monterrey
