Difference between revisions of "Team:iTesla-SoundBio/Outreach"
JimmyZhong (Talk | contribs) |
JimmyZhong (Talk | contribs) |
||
| Line 2: | Line 2: | ||
<html> | <html> | ||
| + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.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> | <style> | ||
body { | body { | ||
Revision as of 00:50, 23 September 2018
