Created
October 28, 2016 23:20
-
-
Save mxmbadev/eafc676d30b8a4e89a40067f5b90c606 to your computer and use it in GitHub Desktop.
This is smooth scrolling from w3 schools. Works like a charm. Requirements is just to make sure you have jquery in your project.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(document).ready(function(){ | |
$("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 | |
}); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment