Line 23: | Line 23: | ||
<link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet" rel="stylesheet"> | ||
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Quicksand:400,500" rel="stylesheet"> | ||
+ | <script> | ||
+ | |||
+ | //up arrow: | ||
+ | $(document).ready(function(){ | ||
+ | $(window).scroll(function () { | ||
+ | if ($(this).scrollTop() > 350) { | ||
+ | $('#back-to-top').fadeIn(); | ||
+ | } else { | ||
+ | $('#back-to-top').fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | // scroll body to 0px on click | ||
+ | $('#back-to-top').click(function () { | ||
+ | |||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 800); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
<style> | <style> | ||
Line 38: | Line 63: | ||
border-radius: 25px; | border-radius: 25px; | ||
width:100%; | width:100%; | ||
+ | padding:10px; | ||
} | } | ||
Line 334: | Line 360: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <a id="back-to-top" href="#" class="btn btn-lg back-to-top" role="button" title="Up" data-toggle="tooltip" data-placement="left"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Technion_Israel--up_arrow.png" alt=""></a> | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:TECHNION-ISRAEL/sponsors}} | {{:Team:TECHNION-ISRAEL/sponsors}} |
Revision as of 13:30, 27 October 2017