Difference between revisions of "Team:Mingdao"

Line 22: Line 22:
 
     padding: 5px 10px;
 
     padding: 5px 10px;
 
     height: 450px; /* Should be removed. Only for demonstration */
 
     height: 450px; /* Should be removed. Only for demonstration */
−
     z-index:1500;
+
     z-index:1;
 
}
 
}
  
Line 77: Line 77:
 
.my-main-container {
 
.my-main-container {
 
   width: 100%;
 
   width: 100%;
−
   padding: 5px 0% 0% 10%;
+
   padding: 0% 0% 0% 0%;
 
  }
 
  }
  
Line 84: Line 84:
 
   width: 100%;
 
   width: 100%;
 
   margin-top: 0%;
 
   margin-top: 0%;
−
   margin-left: 10%;
+
   margin-left: 0%;
−
  margin-bottom: 10%;
+
  margin-bottom:0%;
−
   padding: 0px;
+
   padding: 0%;
 
   min-height: 950vh;
 
   min-height: 950vh;
 
   z-index: 999; }
 
   z-index: 999; }

Revision as of 05:14, 14 October 2018

HOME
Description

Syringe

GFP System

Mosquito Immune Signaling

AMP System

Project Motivation

Experimental Principle

DM

see more

$("#d-overview-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-overview").offset().top }, 500); }); $("#d-intro-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-intro").offset().top }, 500); }); $("#d-antidote-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-antidote").offset().top }, 500); }); $("#d-detective-btn").click(function() { $('html, body').animate({ scrollTop: $("#d-detective").offset().top }, 500); }); $(document).ready(function(){ $('.top').on('click', function(){ $('html, body').animate({scrollTop: '0px'}, 500); }); $("#d-overview-btn").css('background-color', '#385e66'); var scroll_pos = 0; $(document).scroll(function() { scroll_pos = $(this).scrollTop(); d_overview_pos = $("#d-overview").offset().top -100 d_intro_pos = $("#d-intro").offset().top -100 d_antidote_pos = $("#d-antidote").offset().top -100 d_detective_pos = $("#d-detective").offset().top -100 // overview if(scroll_pos < d_intro_pos) { $(".path-dot").css('background-color', '#fff') $("#d-overview-btn").css('background-color', '#385e66'); // intro } else if(scroll_pos < d_antidote_pos){ if(scroll_pos >= d_intro_pos){ $(".path-dot").css('background-color', '#fff') $("#d-intro-btn").css('background-color', '#385e66');} // antidote } else if(scroll_pos < d_detective_pos){ if(scroll_pos >= d_antidote_pos){ $(".path-dot").css('background-color', '#fff') $("#d-antidote-btn").css('background-color', '#385e66');} } //detective else if( scroll_pos >= d_detective_pos) { $(".path-dot").css('background-color', '#fff') $("#d-detective-btn").css('background-color', '#385e66'); } }); });