Difference between revisions of "Team:William and Mary/RealMainPage"

Line 5: Line 5:
  
 
<html lang="en">
 
<html lang="en">
−
 
+
<!--- Scroll feature adapted from w3schools.com---->
 
<script>
 
<script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
−
  // Add smooth scrolling to all links
 
 
   $("a").on('click', function(event) {
 
   $("a").on('click', function(event) {
  
−
    // Make sure this.hash has a value before overriding default behavior
 
 
     if (this.hash !== "") {
 
     if (this.hash !== "") {
−
      // Prevent default anchor click behavior
 
 
       event.preventDefault();
 
       event.preventDefault();
  
−
      // Store hash
 
 
       var hash = this.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({
 
       $('html, body').animate({
 
         scrollTop: $(hash).offset().top
 
         scrollTop: $(hash).offset().top
 
       }, 800, function(){
 
       }, 800, function(){
 
    
 
    
−
        // Add hash (#) to URL when done scrolling (default click behavior)
 
 
         window.location.hash = hash;
 
         window.location.hash = hash;
 
       });
 
       });

Revision as of 02:40, 5 October 2017



For more information, click here .