Difference between revisions of "Template:NCTU Formosa/test"

Line 1,260: Line 1,260:
 
<body>
 
<body>
  
<img src="https://static.igem.org/mediawiki/2018/f/ff/T--NCTU_Formosa--Navigation.png" class="nav">
+
<img src="https://static.igem.org/mediawiki/2018/f/ff/T--NCTU_Formosa--Navigation.png" class="nav" id="navigate">
<div class="main-container" onscroll="shadow()">
+
<div class="main-container" onscroll="shadow()" id="main-container">
  
 
     <!--隊徽-->
 
     <!--隊徽-->
Line 1,287: Line 1,287:
 
               <div class="dropdown-content" style="display: none;">
 
               <div class="dropdown-content" style="display: none;">
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Model" id="first">Overview</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Model" id="first">Overview</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Weka">Weka</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Microbiota_Prediciton">Microbiota Prediction</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Peptide_Prediction">Peptide Prediction</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Peptide_Prediction">Peptide Prediction</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_1">Growth Model</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Growth_Model">Growth Model</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_4">Productivity Model</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Productivity_Model">Productivity Model</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/NGS_Data_Analysis" id="last">NGS Data Analysis</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/NGS_Data_Analysis" id="last">NGS Data Analysis</a></div>
 
               </div>
 
               </div>
Line 1,432: Line 1,432:
 
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Weka">
 
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Weka">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
                         Weka
+
                         Microbiota Prediction
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,442: Line 1,442:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_1">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Growth_Model">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                         Growth Model
 
                         Growth Model
Line 1,448: Line 1,448:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_4">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Productivity_Model">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                         Productivity Model
 
                         Productivity Model
Line 1,720: Line 1,720:
 
});
 
});
  
var bodyClass = document.body.classList,
+
/*var bodyClass = document.body.classList,
 
     lastScrollY = 0;
 
     lastScrollY = 0;
 
window.addEventListener('scroll', function(){
 
window.addEventListener('scroll', function(){
Line 1,731: Line 1,731:
 
   }
 
   }
 
   lastScrollY = st;
 
   lastScrollY = st;
});
+
});*/
 +
 
 +
var prevScrollpos = window.pageYOffset;
 +
window.onscroll = function() {
 +
var currentScrollPos = window.pageYOffset;
 +
  if (prevScrollpos > currentScrollPos) {
 +
    document.getElementById("navigate","main-container").style.top = "0";
 +
  } else {
 +
    document.getElementById("navigate","main-container").style.top = "-80px";
 +
  }
 +
  prevScrollpos = currentScrollPos;
 +
}
 
</script>
 
</script>
  
  
 
</html>
 
</html>

Revision as of 22:00, 12 October 2018

Navigation Bar