/** * jQuery.ScrollTo - Easy element scrolling using jQuery. * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com * Dual licensed under MIT and GPL. * Date: 5/25/2009 * @author Ariel Flesler * @version 1.4.2 * * http://flesler.blogspot.com/2007/10/jqueryscrollto.html */ ;(function(d){var k=d.scrollTo=function(a,i,e){d(window).scrollTo(a,i,e)};k.defaults={axis:'xy',duration:parseFloat(d.fn.jquery)>=1.3?0:1};k.window=function(a){return d(window)._scrollable()};d.fn._scrollable=function(){return this.map(function(){var a=this,i=!a.nodeName||d.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!i)return a;var e=(a.contentWindow||a).document||a.ownerDocument||a;return d.browser.safari||e.compatMode=='BackCompat'?e.body:e.documentElement})};d.fn.scrollTo=function(n,j,b){if(typeof j=='object'){b=j;j=0}if(typeof b=='function')b={onAfter:b};if(n=='max')n=9e9;b=d.extend({},k.defaults,b);j=j||b.speed||b.duration;b.queue=b.queue&&b.axis.length>1;if(b.queue)j/=2;b.offset=p(b.offset);b.over=p(b.over);return this._scrollable().each(function(){var q=this,r=d(q),f=n,s,g={},u=r.is('html,body');switch(typeof f){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)){f=p(f);break}f=d(f,this);case'object':if(f.is||f.style)s=(f=d(f)).offset()}d.each(b.axis.split(''),function(a,i){var e=i=='x'?'Left':'Top',h=e.toLowerCase(),c='scroll'+e,l=q[c],m=k.max(q,i);if(s){g[c]=s[h]+(u?0:l-r.offset()[h]);if(b.margin){g[c]-=parseInt(f.css('margin'+e))||0;g[c]-=parseInt(f.css('border'+e+'Width'))||0}g[c]+=b.offset[h]||0;if(b.over[h])g[c]+=f[i=='x'?'width':'height']()*b.over[h]}else{var o=f[h];g[c]=o.slice&&o.slice(-1)=='%'?parseFloat(o)/100*m:o}if(/^\d+$/.test(g[c]))g[c]=g[c]<=0?0:Math.min(g[c],m);if(!a&&b.queue){if(l!=g[c])t(b.onAfterFirst);delete g[c]}});t(b.onAfter);function t(a){r.animate(g,j,b.easing,a&&function(){a.call(this,n,b)})}}).end()};k.max=function(a,i){var e=i=='x'?'Width':'Height',h='scroll'+e;if(!d(a).is('html,body'))return a[h]-d(a)[e.toLowerCase()]();var c='client'+e,l=a.ownerDocument.documentElement,m=a.ownerDocument.body;return Math.max(l[h],m[h])-Math.min(l[c],m[c])};function p(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery); /** * jQuery.LocalScroll * Copyright (c) 2007-2009 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com * Dual licensed under MIT and GPL. * Date: 3/11/2009 * * @projectDescription Animated scrolling navigation, using anchors. * http://flesler.blogspot.com/2007/10/jquerylocalscroll-10.html * @author Ariel Flesler * @version 1.2.7 * * @id jQuery.fn.localScroll * @param {Object} settings Hash of settings, it is passed in to jQuery.ScrollTo, none is required. * @return {jQuery} Returns the same jQuery object, for chaining. * * @example $('ul.links').localScroll(); * * @example $('ul.links').localScroll({ filter:'.animated', duration:400, axis:'x' }); * * @example $.localScroll({ target:'#pane', axis:'xy', queue:true, event:'mouseover' }); * * Notes: * - The plugin requires jQuery.ScrollTo. * - The hash of settings, is passed to jQuery.ScrollTo, so the settings are valid for that plugin as well. * - jQuery.localScroll can be used if the desired links, are all over the document, it accepts the same settings. * - If the setting 'lazy' is set to true, then the binding will still work for later added anchors. * - If onBefore returns false, the event is ignored. **/ ;(function( $ ){ var URI = location.href.replace(/#.*/,''); // local url without hash var $localScroll = $.localScroll = function( settings ){ $('body').localScroll( settings ); }; // Many of these defaults, belong to jQuery.ScrollTo, check it's demo for an example of each option. // @see http://flesler.demos.com/jquery/scrollTo/ // The defaults are public and can be overriden. $localScroll.defaults = { duration:1200, // How long to animate. axis:'y', // Which of top and left should be modified. event:'click', // On which event to react. stop:true, // Avoid queuing animations target: window, // What to scroll (selector or element). The whole window by default. reset: true // Used by $.localScroll.hash. If true, elements' scroll is resetted before actual scrolling /* lock:false, // ignore events if already animating lazy:false, // if true, links can be added later, and will still work. filter:null, // filter some anchors out of the matched elements. hash: false // if true, the hash of the selected link, will appear on the address bar. */ }; // If the URL contains a hash, it will scroll to the pointed element $localScroll.hash = function( settings ){ if( location.hash ){ settings = $.extend( {}, $localScroll.defaults, settings ); settings.hash = false; // can't be true if( settings.reset ){ var d = settings.duration; delete settings.duration; $(settings.target).scrollTo( 0, settings ); settings.duration = d; } scroll( 0, location, settings ); } }; $.fn.localScroll = function( settings ){ settings = $.extend( {}, $localScroll.defaults, settings ); return settings.lazy ? // use event delegation, more links can be added later. this.bind( settings.event, function( e ){ // Could use closest(), but that would leave out jQuery -1.3.x var a = $([e.target, e.target.parentNode]).filter(filter)[0]; // if a valid link was clicked if( a ) scroll( e, a, settings ); // do scroll. }) : // bind concretely, to each matching link this.find('a,area') .filter( filter ).bind( settings.event, function(e){ scroll( e, this, settings ); }).end() .end(); function filter(){// is this a link that points to an anchor and passes a possible filter ? href is checked to avoid a bug in FF. return !!this.href && !!this.hash && this.href.replace(this.hash,'') == URI && (!settings.filter || $(this).is( settings.filter )); }; }; function scroll( e, link, settings ){ var id = link.hash.slice(1), elem = document.getElementById(id) || document.getElementsByName(id)[0]; if ( !elem ) return; if( e ) e.preventDefault(); var $target = $( settings.target ); if( settings.lock && $target.is(':animated') || settings.onBefore && settings.onBefore.call(settings, e, elem, $target) === false ) return; if( settings.stop ) $target.stop(true); // remove all its animations if( settings.hash ){ var attr = elem.id == id ? 'id' : 'name', $a = $(' ').attr(attr, id).css({ position:'absolute', top: $(window).scrollTop(), left: $(window).scrollLeft() }); elem[attr] = ''; $('body').prepend($a); location = link.hash; $a.remove(); elem[attr] = id; } $target .scrollTo( elem, settings ) // do scroll .trigger('notify.serialScroll',[elem]); // notify serialScroll about this change }; })( jQuery );