Add autoFocus option

Author: kswedberg

src/jquery.smooth-scroll.js

@@ -20,6 +20,9 @@
     // only use if you want to override default behavior
     scrollTarget: null,
 
+    // automatically focus the target element after scrolling to it
+    autoFocus: false,
+
     // fn(opts) function to be called before scrolling occurs.
     // `this` is the element(s) being scrolled
     beforeScroll: function() {},
@@ -106,6 +109,7 @@
   };
 
   var rRelative = /^([\-\+]=)(\d+)/;
+
   $.fn.extend({
     scrollable: function(dir) {
       var scrl = getScrollable.call(this, {dir: dir});
@@ -218,6 +222,21 @@
     return explicit;
   };
 
+  var onAfterScroll = function(opts) {
+    var $tgt = $(opts.scrollTarget);
+
+    if (opts.autoFocus && $tgt.length) {
+      $tgt[0].focus();
+
+      if (!$tgt.is(document.activeElement)) {
+        $tgt.prop({tabIndex: -1});
+        $tgt[0].focus();
+      }
+    }
+
+    opts.afterScroll.call(opts.link, opts);
+  };
+
   $.smoothScroll = function(options, px) {
     if (options === 'options' && typeof px === 'object') {
       return $.extend(optionOverrides, px);
@@ -288,7 +307,7 @@
       duration: speed,
       easing: opts.easing,
       complete: function() {
-        opts.afterScroll.call(opts.link, opts);
+        onAfterScroll(opts);
       }
     };
 
@@ -299,7 +318,7 @@
     if ($scroller.length) {
       $scroller.stop().animate(aniProps, aniOpts);
     } else {
-      opts.afterScroll.call(opts.link, opts);
+      onAfterScroll(opts);
     }
   };