Add "options" argument feature to get/set options after init

Author: kswedberg

demo/index.html

@@ -24,7 +24,7 @@
       width: 180px;
     }
   </style>
-  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>!window.jQuery && document.write(unescape('%3Cscript src="../lib/jquery/jquery.js"%3E%3C/script%3E'));</script>
 
   <script src="../src/jquery.smooth-scroll.js"></script>
@@ -41,6 +41,14 @@
         });
       });
 
+      $('#change-speed').on('click', function() {
+        var $p1 = $('ul.mainnav a').first(),
+            p1Opts = $p1.smoothScroll('options') || {};
+
+        p1Opts.speed = p1Opts.speed === 1400 ? 400 : 1400;
+        $p1.smoothScroll('options', p1Opts);
+      });
+
       $('button.scrollsomething').click(function() {
         $.smoothScroll({
           scrollElement: $('div.scrollme'),
@@ -73,6 +81,7 @@
       <li><a href="bbq.html#p5">bbq.html#p5</a></li>
     </ul>
     <p>Or, <a href="bbq.html">try it with hashchange support</a></p>
+    <p>Toggle scrolling speed for the p1 link <button id="change-speed">Change speed option</button></p>
     <button class="scrollsomething">Scroll vertically</button>
     <button class="scrollhorz">Scroll horizontally</button>
 

src/jquery.smooth-scroll.js

@@ -1,5 +1,6 @@
 (function($) {
 var version = '1.4.12',
+    optionOverrides = {},
     defaults = {
       exclude: [],
       excludeWithin:[],
@@ -86,8 +87,21 @@ $.fn.extend({
     return this.pushStack(scrl);
   },
 
-  smoothScroll: function(options) {
+  smoothScroll: function(options, extra) {
     options = options || {};
+
+    if ( options === 'options' ) {
+      if ( !extra ) {
+        return this.first().data('ssOpts');
+      }
+      return this.each(function() {
+        var $this = $(this),
+            opts = $.extend($this.data('ssOpts') || {}, extra);
+
+        $(this).data('ssOpts', opts);
+      });
+    }
+
     var opts = $.extend({}, $.fn.smoothScroll.defaults, options),
         locationPath = $.smoothScroll.filterPath(location.pathname);
 
@@ -96,16 +110,17 @@ $.fn.extend({
     .bind('click.smoothscroll', function(event) {
       var link = this,
           $link = $(this),
+          thisOpts = $.extend({}, opts, $link.data('ssOpts') || {}),
           exclude = opts.exclude,
-          excludeWithin = opts.excludeWithin,
+          excludeWithin = thisOpts.excludeWithin,
           elCounter = 0, ewlCounter = 0,
           include = true,
           clickOpts = {},
           hostMatch = ((location.hostname === link.hostname) || !link.hostname),
-          pathMatch = opts.scrollTarget || ( $.smoothScroll.filterPath(link.pathname) || locationPath ) === locationPath,
+          pathMatch = thisOpts.scrollTarget || ( $.smoothScroll.filterPath(link.pathname) || locationPath ) === locationPath,
           thisHash = escapeSelector(link.hash);
 
-      if ( !opts.scrollTarget && (!hostMatch || !pathMatch || !thisHash) ) {
+      if ( !thisOpts.scrollTarget && (!hostMatch || !pathMatch || !thisHash) ) {
         include = false;
       } else {
         while (include && elCounter < exclude.length) {
@@ -122,15 +137,14 @@ $.fn.extend({
 
       if ( include ) {
 
-        if ( opts.preventDefault ) {
+        if ( thisOpts.preventDefault ) {
           event.preventDefault();
         }
 
-        $.extend( clickOpts, opts, {
-          scrollTarget: opts.scrollTarget || thisHash,
+        $.extend( clickOpts, thisOpts, {
+          scrollTarget: thisOpts.scrollTarget || thisHash,
           link: link
         });
-
         $.smoothScroll( clickOpts );
       }
     });
@@ -140,6 +154,9 @@ $.fn.extend({
 });
 
 $.smoothScroll = function(options, px) {
+  if ( options === 'options' && typeof px === 'object' ) {
+    return $.extend(optionOverrides, px);
+  }
   var opts, $scroller, scrollTargetOffset, speed,
       scrollerOffset = 0,
       offPos = 'offset',
@@ -148,12 +165,11 @@ $.smoothScroll = function(options, px) {
       aniOpts = {},
       scrollprops = [];
 
-
   if (typeof options === 'number') {
-    opts = $.fn.smoothScroll.defaults;
+    opts = $.extend({link: null}, $.fn.smoothScroll.defaults, optionOverrides);
     scrollTargetOffset = options;
   } else {
-    opts = $.extend({}, $.fn.smoothScroll.defaults, options || {});
+    opts = $.extend({link: null}, $.fn.smoothScroll.defaults, options || {}, optionOverrides);
     if (opts.scrollElement) {
       offPos = 'position';
       if (opts.scrollElement.css('position') == 'static') {
@@ -162,7 +178,6 @@ $.smoothScroll = function(options, px) {
     }
   }
 
-  opts = $.extend({link: null}, opts);
   scrollDir = opts.direction == 'left' ? 'scrollLeft' : scrollDir;
 
   if ( opts.scrollElement ) {