Difference between revisions of "Team:CCU Taiwan"

Line 152: Line 152:
 
<div id="fullpage">
 
<div id="fullpage">
 
     <div class="section" id="section0">
 
     <div class="section" id="section0">
−
             <center><a href="#section1" data-menuanchor="secondPage" class="scroll-down">
+
             <center><a href="#secondPage" data-menuanchor="secondPage" class="scroll-down">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e1/T--CCU_Taiwan--CCUdown_button.png" width="65" hieght="60">
 
       <img src="https://static.igem.org/mediawiki/2018/e/e1/T--CCU_Taiwan--CCUdown_button.png" width="65" hieght="60">
 
           </a></center>
 
           </a></center>
Line 189: Line 189:
 
          
 
          
 
         <img src="https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUNewAbstract6.jpg" width="100%" hieght="auto">
 
         <img src="https://static.igem.org/mediawiki/2018/c/c2/T--CCU_Taiwan--CCUNewAbstract6.jpg" width="100%" hieght="auto">
−
 
−
<ul  id="pagination">
 
−
<li id="list"><a href="#section0" class="active"><span></span></a></li>
 
−
<li id="list"><a href="#section1" class=""><span></span></a></li>
 
−
<li id="list"><a href="#section2" class=""><span></span></a></li>
 
−
<li id="list"><a href="#section3" class=""><span></span></a></li>
 
−
<li id="list"><a href="#section4" class=""><span></span></a></li>
 
−
<li id="list"><a href="#section5" class=""><span></span></a></li>
 
−
<li id="list"><a href="#section6" class=""><span></span></a></li>
 
−
</ul>
 
−
 
−
 
−
 
 
<footer class="footer">
 
<footer class="footer">
 
             <a href="http://huitong.com.tw">
 
             <a href="http://huitong.com.tw">
Line 239: Line 226:
 
     popup.classList.toggle("show");
 
     popup.classList.toggle("show");
 
}
 
}
−
 
−
 
−
function pagination() {
 
−
 
−
  var offset = $(document).scrollTop();
 
−
  var windowHeight = $(window).height();
 
−
  var $body = $('body');
 
−
 
−
  switch (true) {
 
−
    case (offset > (windowHeight * 3.75)):
 
−
      $body.removeClass().addClass('page-5');
 
−
      break;
 
−
    case (offset > (windowHeight * 2.75)):
 
−
      $body.removeClass().addClass('page-4');
 
−
      break;
 
−
    case (offset > (windowHeight * 1.75)):
 
−
      $body.removeClass().addClass('page-3');
 
−
      break;
 
−
    case (offset > (windowHeight * .75)):
 
−
      $body.removeClass().addClass('page-2');
 
−
      break;
 
−
    default:
 
−
      $body.removeClass().addClass('page-1');
 
−
  }
 
−
}
 
−
 
−
pagination();
 
−
 
−
$(document).on('scroll', pagination);
 
−
 
−
$(document).on('click', 'a[href^="#"]', function(e) {
 
−
    e.preventDefault();
 
−
    $('html, body').animate({
 
−
        scrollTop: $($.attr(this, 'href')).offset().top
 
−
    }, 500);
 
−
});
 
  
 
</script>
 
</script>

Revision as of 10:05, 17 October 2018