Line 22: | Line 22: | ||
document.documentElement.scrollTop = 0; // For IE and Firefox | document.documentElement.scrollTop = 0; // For IE and Firefox | ||
} | } | ||
+ | window.onscroll = function() {scrollFunction(); checkOffset();}; | ||
+ | |||
+ | function scrollFunction() { | ||
+ | if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { | ||
+ | document.getElementById("page-arrow-top").style.display = "block"; | ||
+ | } else { | ||
+ | document.getElementById("page-arrow-top").style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function checkOffset() { | ||
+ | if($('#page-arrow-top').offset().top + $('#page-arrow-top').height() | ||
+ | >= $('#footer').offset().top - 10) | ||
+ | $('#page-arrow-top').css('position', 'absolute'); | ||
+ | if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top) | ||
+ | $('#page-arrow-top').css('position', 'fixed'); // restore when you scroll up | ||
+ | } | ||
+ | |||
+ | function topFunction() { | ||
+ | document.body.scrollTop = 0; // For Chrome, Safari and Opera | ||
+ | document.documentElement.scrollTop = 0; // For IE and Firefox | ||
+ | } | ||
+ | |||
+ | |||
</script> | </script> | ||
Line 82: | Line 106: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- Footer --> | <!-- Footer --> | ||
− | <footer class="w3-container w3-padding-32 w3-center w3-black w3-xlarge" style="position: absolute; width: | + | <footer id="footer" class="w3-container w3-padding-32 w3-center w3-black w3-xlarge" style="position: absolute; width:100%; z-index:200;"> |
<a class="footer-icon" href="https://www.facebook.com/igembielefeld/"> <i class="fa fa-facebook-official" ></i></a> | <a class="footer-icon" href="https://www.facebook.com/igembielefeld/"> <i class="fa fa-facebook-official" ></i></a> | ||
<a class="footer-icon" href="https://www.instagram.com/igem.bielefeld/?hl=de"><i class="fa fa-instagram"></i></a> | <a class="footer-icon" href="https://www.instagram.com/igem.bielefeld/?hl=de"><i class="fa fa-instagram"></i></a> | ||
Line 96: | Line 115: | ||
<img id="page-arrow-top" src="https://static.igem.org/mediawiki/2018/d/d4/T--Bielefeld-CeBiTec--top_arrow_vk.svg" style="width:3%" onclick="topFunction()"></img> | <img id="page-arrow-top" src="https://static.igem.org/mediawiki/2018/d/d4/T--Bielefeld-CeBiTec--top_arrow_vk.svg" style="width:3%" onclick="topFunction()"></img> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
Revision as of 15:46, 21 September 2018
Basic Parts
Identifier | Type | Description | Designer | Length |
---|---|---|---|---|
BBa_K2638XXX | Coding/Regulatory/Measurement/... | Template Entry | CLVAMIJEJ | 42 |