Smooth Scrolling To Internal Links With Jquery
JQuery allows smooth scrolling to hashtag
Code
var $root = $('html, body');
$('a').click(function() {
var href = $.attr(this, 'href');
var hash;
if(href == '#'){
hash = $('body');
}else if(href.match(/^#[a-zA-Z0-9]+$/g)){
hash = $('[name='+href.substring(1)+']');
}else
return true;
$root.animate({
scrollTop: $(hash).offset().top
}, 500, function () {
window.location.hash = href;
});
return false;
});
Example
Paragraph 1. Go to pragraph 10
Paragraph 2
Paragraph 3. Go to pragraph 8
Paragraph 4
Paragraph 5
Paragraph 6
Paragraph 7
Paragraph 9
Paragraph 11
Paragraph 12. Go to pragraph 19
Paragraph 13
Paragraph 14
Paragraph 15
Paragraph 16
Paragraph 17
Paragraph 18
Paragraph 20. Go to pragraph 1
-
Previous -
Next
This website is made possible by displaying online advertisements to our visitors.
Please consider supporting by disabling your ad blocker.
Please consider supporting by disabling your ad blocker.
loading comments...