Skip to content

Instantly share code, notes, and snippets.

@mintbridge
Created March 23, 2011 19:45
Show Gist options
  • Save mintbridge/883803 to your computer and use it in GitHub Desktop.
Save mintbridge/883803 to your computer and use it in GitHub Desktop.
/*******
*** Anchor Slider by Cedric Dugas ***
*** Http://www.position-absolute.com ***
Never have an anchor jumping your content, slide it.
Don't forget to put an id to your anchor !
You can use and modify this script for any project you want, but please leave this comment as credit.
*****/
$(document).ready(function() {
$("a.anchor").anchorAnimate()
});
jQuery.fn.anchorAnimate = function(settings) {
settings = jQuery.extend({
speed : 1100
}, settings);
return this.each(function(){
var caller = this
$(caller).click(function (event) {
event.preventDefault()
var locationHref = window.location.href
var elementClick = $(caller).attr("href")
var destination = $(elementClick).offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
window.location.hash = elementClick
});
return false;
})
})
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment