Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | + | ||
− | <html> | + | |
− | < | + | <head> |
− | < | + | <meta charset="UTF-8"> |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
− | + | <link rel="preconnect" href="https://2021.igem.org"> | |
− | + | <link type="text/css" rel="stylesheet" | |
− | </ | + | href="https://2021.igem.org/wiki/index.php?title=Template:NCTU_Formosa/clearwikidefaultcss.css&action=raw&ctype=text/css" /> |
− | < | + | <link type="text/css" rel="stylesheet" |
− | + | href="https://2021.igem.org/wiki/index.php?title=Template:NCTU_Formosa/modern-normalize.min.css&action=raw&ctype=text/css" /> | |
− | + | <link type="text/css" rel="stylesheet" | |
− | + | href="https://2021.igem.org/wiki/index.php?title=Template:NCTU_Formosa/font.css&action=raw&ctype=text/css" /> | |
− | + | <link type="text/css" rel="stylesheet" | |
− | + | href="https://2021.igem.org/wiki/index.php?title=Template:NCTU_Formosa/icon.css&action=raw&ctype=text/css" /> | |
− | + | <script | |
− | + | src="https://2021.igem.org/wiki/index.php?title=Template:NCTU_Formosa/jquery.min.css&action=raw&ctype=text/javascript"> | |
− | </ | + | </script> |
− | + | <script> | |
− | + | var jq3 = jQuery.noConflict(true); | |
+ | jq3(() => { | ||
+ | if (!(window.location.href.indexOf("Template") != -1)) { | ||
+ | jq3('link[rel=stylesheet][href^="https://2021.igem.org/wiki/load.php?debug=false"]').remove(); | ||
+ | } | ||
+ | jq3('p:empty').remove(); | ||
+ | jq3('#mw-content-text').children('p')[0].style.margin = "5px 0"; | ||
+ | }); | ||
+ | </script> | ||
+ | <script src="https://2021.igem.org/common/MathJax-2.5-latest/MathJax.js"> | ||
+ | MathJax.Hub.Config({ | ||
+ | extensions: ["tex2jax.js", "TeX/AMSmath.js", "TeX/AMSsymbols.js"], | ||
+ | jax: ["input/TeX", "output/HTML-CSS"], | ||
+ | tex2jax: { | ||
+ | inlineMath: [ | ||
+ | ['$', '$'], | ||
+ | ["\\(", "\\)"] | ||
+ | ], | ||
+ | displayMath: [ | ||
+ | ['$$', '$$'], | ||
+ | ["\\[", "\\]"] | ||
+ | ], | ||
+ | }, | ||
+ | "HTML-CSS": { | ||
+ | availableFonts: ["TeX"] | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | ::selection { | ||
+ | background: RGB(253, 172, 83); | ||
+ | color: #fff; | ||
+ | } | ||
− | + | ::-moz-selection { | |
− | + | background: RGB(253, 172, 83); | |
− | + | color: #fff; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | img::selection { | |
− | + | background: transparent; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | img::-moz-selection { |
− | + | background: transparent; | |
− | + | } | |
+ | </style> | ||
+ | </head> | ||
− | + | <body> | |
− | <img src="https://static.igem.org/mediawiki/2021/ | + | <!--↓↓↓loader↓↓↓--> |
− | + | <div id="loader-wrapper"> | |
− | < | + | <div id="loader-bg"> |
− | + | <img src="https://static.igem.org/mediawiki/2021/d/d5/T--NCTU_Formosa--homepage-flag.svg" id="headerimage"> | |
− | + | <h1>Loading... | |
− | </ | + | </h1> |
− | + | </div> | |
− | + | </div> | |
− | + | <!--↓↓↓navigation bar↓↓↓--> | |
− | + | <div id="nav_dummy"></div> | |
− | + | <nav id="navbar"> | |
− | + | <a href="https://2021.igem.org/Team:NCTU_Formosa" style="display:contents;"> | |
− | + | <div class="nav_brand"> | |
− | + | <img id="Logo" src="https://static.igem.org/mediawiki/2021/7/71/T--NCTU_Formosa--logo.svg" alt="Logo"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | </ | + | </a> |
− | < | + | <button id="navBtn"> |
− | < | + | <span class="navbar-toggler-icon"></span> |
− | < | + | </button> |
− | + | <ul style="z-index: 10;"> | |
− | </ | + | <li id="home_btn"> |
− | < | + | <a href="https://2021.igem.org/Team:NCTU_Formosa"><span class="material-icons">home</span>Home</a> |
− | + | </li> | |
− | < | + | <li class="dropdownwrapper" onclick="void(0)"> |
− | + | Project | |
− | + | <ul class="dropdown"> | |
− | + | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Description">Description</a></li> | |
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Design">Design</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Contribution">Contribution</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Engineering">Engineering</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Implementation">Implementation</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Graphic_Design">Graphic Design</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdownwrapper" onclick="void(0)"> | ||
+ | Results | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Results">Experiment Results</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Proof_Of_Concept">Proof of Concept</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2021.igem.org/Team:NCTU_Formosa/Parts">Parts</a> | ||
+ | </li> | ||
+ | <li class="dropdownwrapper" onclick="void(0)"> | ||
+ | Model | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Model">Overview</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Prediction_Model">Prediction Model</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Efficiency_Optimization_Model">Efficiency | ||
+ | Optimization Model</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdownwrapper" onclick="void(0)"> | ||
+ | Human Practices | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Communication">Communication</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Education">Education</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Excellence in Another Area">Excellence in | ||
+ | Another Area</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdownwrapper" onclick="void(0)"> | ||
+ | Team | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Team">Team Introduction</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Partnership">Partnership</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdownwrapper" onclick="void(0)"> | ||
+ | Notebook | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Notebook">Lab Note</a></li> | ||
+ | <li><a href="https://2021.igem.org/Team:NCTU_Formosa/Experiments">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <!--<a href="https://2021.igem.org/Team:NCTU_Formosa/Criteria">Medal</a>--> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | <button id="topBtn">Top</button> | ||
+ | </body> | ||
− | + | <!--nav style--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<style> | <style> | ||
− | # | + | #top_menu_inside { |
− | + | font-size: 12px; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #top_menu_inside * { |
− | + | font-size: 1em; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #globalWrapper { |
− | + | padding: 0; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #content { | |
− | + | position: relative; | |
− | + | min-height: calc(100vh - 15px); | |
− | + | } | |
− | + | #bodyContent { | |
− | + | /* footer padding */ | |
− | + | padding-bottom: calc(100%*300/1366); | |
− | + | ||
− | 100% | + | |
− | + | ||
− | + | ||
} | } | ||
− | # | + | #nav_dummy { |
− | + | width: 100%; | |
− | + | height: 4rem; | |
} | } | ||
− | + | #navbar { | |
+ | position: fixed; | ||
+ | top: 16px; | ||
+ | width: 100%; | ||
+ | height: 4rem; | ||
display: flex; | display: flex; | ||
− | + | align-items: center; | |
justify-content: space-between; | justify-content: space-between; | ||
− | + | color: black; | |
− | + | background-color: rgb(83, 164, 253); | |
− | + | font-family: 'OtomanopeeOne'; | |
+ | z-index: 10; | ||
} | } | ||
− | + | #navbar a { | |
− | + | text-decoration: none; | |
− | + | color: black; | |
− | + | display: inherit; | |
− | + | font-size: inherit; | |
} | } | ||
− | + | #navbar a:hover, | |
− | + | #navbar li.dropdownwrapper:hover { | |
− | + | color: white; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
transition: 0.3s; | transition: 0.3s; | ||
} | } | ||
− | . | + | .nav_brand { |
− | + | height: 90%; | |
− | + | padding-left: 1vw; | |
− | + | ||
} | } | ||
− | . | + | .nav_brand img { |
− | + | height: 100%; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | #navbar ul { | |
− | + | right: 0; | |
− | margin: | + | margin: 0; |
− | + | padding: 0; | |
− | + | ||
− | + | ||
− | + | ||
display: flex; | display: flex; | ||
− | + | align-items: center; | |
− | + | list-style: none; | |
− | + | ||
− | + | ||
} | } | ||
− | + | #navbar li { | |
− | + | font-size: 1.2rem; | |
− | + | margin: 0 .5rem; | |
− | + | position: relative; | |
+ | white-space: nowrap; | ||
} | } | ||
− | # | + | #navbar li ul { |
− | + | position: absolute; | |
+ | width: fit-content; | ||
+ | margin: 0; | ||
+ | left: 0; | ||
+ | margin-top: .5rem; | ||
+ | background: wheat; | ||
} | } | ||
− | # | + | #navbar li ul li { |
− | + | position: unset; | |
+ | margin: 0; | ||
+ | width: auto; | ||
} | } | ||
− | # | + | #navbar ul.dropdown { |
− | + | display: none; | |
+ | background-color: RGB(0, 107, 237); | ||
} | } | ||
− | # | + | #topBtn { |
− | + | position: fixed; | |
− | color: | + | right: 3vw; |
+ | bottom: 5vh; | ||
+ | padding: 1vw; | ||
+ | z-index: 1000; | ||
+ | border-style: none; | ||
+ | color: rgb(83, 102, 253); | ||
+ | background-color: transparent; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 1.8rem; | ||
+ | display: none; | ||
+ | font-family: 'OtomanopeeOne', sans-serif; | ||
} | } | ||
− | . | + | .dropdown { |
− | + | border-radius: 8px; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .dropdownwrapper { |
− | + | cursor: pointer; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .material-icons { | |
− | + | vertical-align: text-bottom; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | @media (hover: hover) { | |
− | + | #topBtn:hover { | |
− | + | background-color: rgb(33, 102, 204); | |
− | + | color: white; | |
− | + | border-style: none; | |
− | + | border-radius: 50%; | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | #navBtn { |
− | + | display: none; | |
− | + | padding: .25rem .75rem; | |
− | + | font-size: 1.25rem; | |
+ | line-height: 1; | ||
+ | color: rgba(255, 255, 255, .5); | ||
+ | background-color: transparent; | ||
+ | border: 1px solid rgba(255, 255, 255, .1); | ||
+ | border-radius: .25rem; | ||
} | } | ||
− | . | + | #navBtn .navbar-toggler-icon { |
− | + | display: inline-block; | |
− | + | width: 1.5em; | |
− | + | height: 1.5em; | |
+ | vertical-align: middle; | ||
+ | content: ""; | ||
+ | background: no-repeat center center; | ||
+ | background-size: 100% 100%; | ||
+ | background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); | ||
} | } | ||
− | + | @media screen and (max-width: 800px) { | |
− | + | #navBtn { | |
− | + | display: unset; | |
− | + | } | |
− | + | ||
− | + | #navbar { | |
− | + | flex-wrap: wrap; | |
− | + | } | |
− | + | ||
− | + | #navbar ul { | |
− | + | flex-direction: column; | |
− | + | align-items: flex-start; | |
− | + | flex-basis: 100%; | |
− | + | background: cornflowerblue; | |
+ | display: none; | ||
+ | } | ||
− | + | #navbar li ul { | |
− | + | position: unset; | |
− | + | } | |
− | + | ||
− | + | #topBtn { | |
− | + | font-size: 1.5rem; | |
− | + | } | |
− | + | ||
− | + | .reference ol { | |
− | + | margin: 0; | |
− | + | padding: 0 5vw; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .reference li { | |
− | + | line-break: anywhere; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | #home_btn span.material-icons.night { |
− | + | color: unset !important; | |
+ | background-color: unset !important; | ||
} | } | ||
− | + | @media screen and (max-width: 415px) {} | |
− | + | </style> | |
− | + | ||
+ | <!--loader style--> | ||
+ | <style> | ||
+ | #loader-wrapper { | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | justify-content: center; | ||
+ | height: 100vh; | ||
+ | width: 100vw; | ||
+ | z-index: 9999; | ||
+ | position: fixed; | ||
+ | pointer-events: none; | ||
} | } | ||
− | + | #loader-bg { | |
− | + | position: fixed; | |
+ | height: 200vw; | ||
+ | width: 200vw; | ||
+ | transform: translateY(0); | ||
+ | background-color: #fafafc; | ||
+ | transition-property: height, width, border-radius, transform; | ||
+ | transition-duration: 0.5s; | ||
+ | transition-timing-function: cubic-bezier(.99, .05, .51, 1.01); | ||
+ | transition-delay: 0s, 0s, 0s, 0.6s; | ||
+ | border-radius: 0%; | ||
+ | -webkit-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.57); | ||
+ | -moz-box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.57); | ||
+ | box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.57); | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | overflow: hidden; | ||
} | } | ||
− | + | #loader-wrapper img { | |
− | width: | + | width: 80vw; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | # | + | #loader-wrapper h1 { |
− | + | color: #121212; | |
− | text- | + | text-transform: uppercase; |
− | + | position: absolute; | |
− | font- | + | transform: translateY(15vh); |
+ | font-size: 3rem; | ||
+ | opacity: 100%; | ||
} | } | ||
− | . | + | #loader-bg.loaded { |
− | + | height: 60vh; | |
− | + | width: 60vh; | |
− | + | border-radius: 100%; | |
− | + | transform: translateY(2000px); | |
} | } | ||
+ | </style> | ||
− | . | + | <script> |
− | + | const dropdowns = document.getElementsByClassName("dropdown"); | |
+ | const loader = document.getElementById('loader-bg'); | ||
+ | |||
+ | let hidedropdowns = () => { | ||
+ | Array.from(dropdowns).forEach(el => { | ||
+ | el.removeAttribute("style"); | ||
+ | }); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | + | jq3(window).on("click", event => { | |
− | + | if (event.type == "touchstart") { | |
− | + | $(this).off('click') | |
− | + | ||
} | } | ||
− | + | let target = event.target; | |
− | . | + | if (target.matches('.dropdownwrapper')) { |
− | + | //target.querySelector('ul.dropdown').style.display = "block"; | |
− | + | jq3(target.querySelector('ul.dropdown')).slideToggle(); | |
− | + | } else { | |
+ | hidedropdowns(); | ||
} | } | ||
+ | }); | ||
− | + | if (window.location.href == "https://2021.igem.org/Team:NCTU_Formosa") { | |
− | + | jq3(window).on("load", () => { | |
− | } | + | setTimeout(() => { |
+ | loader.classList.add('loaded') | ||
+ | }, 200); | ||
+ | }); | ||
+ | } else { | ||
+ | loader.classList.add('loaded') | ||
+ | } | ||
− | |||
− | |||
− | |||
− | + | jq3("#navBtn").click(() => { | |
− | + | jq3("#navbar ul").slideToggle(); | |
− | + | }); | |
− | . | + | window.onresize = () => { |
− | + | if (jq3(window).width() > 800) { | |
+ | jq3("#navbar ul").css("display", ""); | ||
} | } | ||
+ | } | ||
− | . | + | jq3('#topBtn').click(() => { |
− | + | jq3("html, body").animate({ | |
− | + | scrollTop: 0 | |
− | + | }, 500); | |
+ | }); | ||
− | . | + | let currentScrollPos = window.pageYOffset |
− | + | let prevScrollpos = currentScrollPos | |
− | + | jq3(window).scroll(() => { | |
+ | if ($(this).scrollTop() > 400) { | ||
+ | $('#topBtn').fadeIn(); | ||
+ | } else { | ||
+ | $('#topBtn').fadeOut(); | ||
} | } | ||
− | . | + | //common variable |
− | + | currentScrollPos = window.pageYOffset | |
+ | //scroll down hide navbar | ||
+ | if (prevScrollpos > currentScrollPos) { | ||
+ | jq3('#navbar').css('visibility', 'visible'); | ||
+ | } else { | ||
+ | jq3('#navbar').css('visibility', 'hidden'); | ||
} | } | ||
− | + | prevScrollpos = currentScrollPos | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</html> | </html> | ||
− |
Revision as of 20:28, 21 October 2021