Difference between revisions of "Team:Dalhousie"

Line 6: Line 6:
 
<script src="https://2017.igem.org/Team:Dalhousie/JS?action=raw&ctype=script/js" ></script>
 
<script src="https://2017.igem.org/Team:Dalhousie/JS?action=raw&ctype=script/js" ></script>
  
 +
 +
<!-- another smooth attempt-->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
  // Add smooth scrolling to all links
 +
  $("a").on('click', function(event) {
 +
 +
    // Make sure this.hash has a value before overriding default behavior
 +
    if (this.hash !== "") {
 +
      // Prevent default anchor click behavior
 +
      event.preventDefault();
 +
 +
      // Store hash
 +
      var hash = this.hash;
 +
 +
      // Using jQuery's animate() method to add smooth page scroll
 +
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
 
 +
        // Add hash (#) to URL when done scrolling (default click behavior)
 +
        window.location.hash = hash;
 +
      });
 +
    } // End if
 +
  });
 +
});
 +
</script>
 +
<style>
 +
body, html, .main {
 +
    height: 100%;
 +
}
 +
 +
section {
 +
    min-height: 100%;
 +
}
 +
</style>
  
 
   <style>
 
   <style>
Line 31: Line 69:
 
  </head>
 
  </head>
 
<body>
 
<body>
 +
<!--smooth attempt-->
 +
 +
<a href="#section2">Click Me to Smooth Scroll to Section 2 Below</a>
 +
 +
<div class="main">
 +
  <section></section>
 +
</div>
 +
 +
<div class="main" id="section2">
 +
  <section style="background-color:blue"></section>
 +
</div>
 +
 
<div class="jumbotron text-center" style>
 
<div class="jumbotron text-center" style>
 
     <video id="bg-video" style="top:0px;left:0px;position:absolute;width:100%;z-index:-1;" autoplay="true" loop="loop" preload="metadata" muted="muted">
 
     <video id="bg-video" style="top:0px;left:0px;position:absolute;width:100%;z-index:-1;" autoplay="true" loop="loop" preload="metadata" muted="muted">

Revision as of 02:37, 30 June 2017

Click Me to Smooth Scroll to Section 2 Below

Dalhousie iGEM

About us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis libero sagittis dui porta convallis. Pellentesque imperdiet neque at magna rutrum, at auctor nisl iaculis. Donec semper elit a venenatis mollis. Maecenas imperdiet tincidunt dui. Morbi volutpat vitae arcu sed malesuada. Praesent accumsan in lectus et mattis. Ut sagittis imperdiet urna, nec sodales neque dictum eget. Ut lacinia urna a velit aliquam, at finibus neque dictum. Nulla tincidunt nibh eu finibus efficitur. Nullam justo libero, sagittis ut porta in, interdum id mauris. Suspendisse et condimentum lacus. Ut dignissim ullamcorper dolor, non tristique nibh cursus sit amet. Nam et turpis luctus, sodales dui nec, mollis sapien. Nam sagittis odio a tincidunt fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis libero sagittis dui porta convallis. Pellentesque imperdiet neque at magna rutrum, at auctor nisl iaculis. Donec semper elit a venenatis mollis. Maecenas imperdiet tincidunt dui. Morbi volutpat vitae arcu sed malesuada. Praesent accumsan in lectus et mattis. Ut sagittis imperdiet urna, nec sodales neque dictum eget. Ut lacinia urna a velit aliquam, at finibus neque dictum. Nulla tincidunt nibh eu finibus efficitur. Nullam justo libero, sagittis ut porta in, interdum id mauris. Suspendisse et condimentum lacus. Ut dignissim ullamcorper dolor, non tristique nibh cursus sit amet. Nam et turpis luctus, sodales dui nec, mollis sapien. Nam sagittis odio a tincidunt fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis libero sagittis dui porta convallis. Pellentesque imperdiet neque at magna rutrum, at auctor nisl iaculis. Donec semper elit a venenatis mollis. Maecenas imperdiet tincidunt dui. Morbi volutpat vitae arcu sed malesuada. Praesent accumsan in lectus et mattis. Ut sagittis imperdiet urna, nec sodales neque dictum eget. Ut lacinia urna a velit aliquam, at finibus neque dictum. Nulla tincidunt nibh eu finibus efficitur. Nullam justo libero, sagittis ut porta in, interdum id mauris. Suspendisse et condimentum lacus. Ut dignissim ullamcorper dolor, non tristique nibh cursus sit amet. Nam et turpis luctus, sodales dui nec, mollis sapien. Nam sagittis odio a tincidunt fringilla.