Difference between revisions of "Team:NCKU Tainan/Design"
(Blanked the page) |
|||
| Line 1: | Line 1: | ||
| + | {{NCKU_Tainan/header}} {{NCKU_Tainan/navbar}} {{NCKU_Tainan/style}} | ||
| + | <html> | ||
| + | <head> | ||
| + | <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/design?action=raw&ctype=text/css"> | ||
| + | </head> | ||
| + | <body data-spy="scroll" data-target=".navbar-example"> | ||
| + | <div class="container content"> | ||
| + | <h1 class="head">Design</h1> | ||
| + | <div class="navbar-example"> | ||
| + | <div class="row"> | ||
| + | <div class="col-2 side"> | ||
| + | <div id="sidelist" class="list-group"> | ||
| + | <a class="list-group-item list-group-item-action" href="#Overview">Overview</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#Chassis_Organism">Chassis Organism</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#Prk">Prk</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#Rubisco">Rubisco</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#CA">CA</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#duel_plasmid_system">Duel plasmid system</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#pH_alert_system">pH alert system</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#Reference">Reference</a> | ||
| + | <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" aria-hidden="true"></i></a> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | $(window).scroll(function() { | ||
| + | var scrollPercentage = (document.documentElement.scrollTop + document.body.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight); | ||
| + | if(scrollPercentage >= 0.95) { | ||
| + | var position = $("#sidelist").position(); | ||
| + | if(position == undefined){} | ||
| + | else{ | ||
| + | $('#sidelist').css({"position": "fixed", "top": "105px"}); | ||
| + | } | ||
| + | } else { | ||
| + | if ($(this).scrollTop() >= 80) { | ||
| + | var position = $("#sidelist").position(); | ||
| + | if(position == undefined){} | ||
| + | else{ | ||
| + | $('#sidelist').css({"position": "fixed", "top": "145px", "margin-top": "0px"}); | ||
| + | } | ||
| + | } else { | ||
| + | $('#sidelist').removeAttr('style'); | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | $(function(){ | ||
| + | $('i.fa-arrow-up').click(function(){ | ||
| + | $('html, body').animate({scrollTop:0},600); | ||
| + | return false; | ||
| + | }); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&ctype=text/javascript"></script> | ||
| + | <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | ||
| + | </body> | ||
| + | </html> | ||
| + | {{NCKU_Tainan/footer}} | ||
Revision as of 15:37, 12 September 2018