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(){ | ||
− | |||
$("a").on('click', function(event) { | $("a").on('click', function(event) { | ||
− | |||
if (this.hash !== "") { | if (this.hash !== "") { | ||
− | |||
event.preventDefault(); | event.preventDefault(); | ||
− | |||
var hash = this.hash; | var hash = this.hash; | ||
− | |||
− | |||
$('html, body').animate({ | $('html, body').animate({ | ||
scrollTop: $(hash).offset().top | scrollTop: $(hash).offset().top | ||
}, 800, function(){ | }, 800, function(){ | ||
− | |||
window.location.hash = hash; | window.location.hash = hash; | ||
}); | }); |
Revision as of 02:40, 5 October 2017