From: zurbchris <chris@zurb.com>
Date: Tue, 1 Dec 2015 23:44:50 +0000 (-0800)
Subject: adds missing .data() to options in magellan, adds option for offsetting scroll positi... 
X-Git-Tag: v6.0.5~13
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cd6f54ff4b1a824d5239cdcfdafa342f9c542bfe;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

adds missing .data() to options in magellan, adds option for offsetting scroll position for menu bars per #7308
---

diff --git a/docs/pages/magellan.md b/docs/pages/magellan.md
index 0512a27ec..c29fcf3cb 100644
--- a/docs/pages/magellan.md
+++ b/docs/pages/magellan.md
@@ -7,7 +7,7 @@ tags:
 ---
 <div data-sticky-container>
   <div class="sticky" id="sticky-magellan" style="width:100%;" data-sticky data-margin-top="0" data-margin-bottom="0" data-top-anchor="setup" data-btm-anchor="destroy:bottom">
-    <nav data-magellan class="sticky-mag">
+    <nav data-magellan class="sticky-mag" data-bar-offset="25">
       <ul class="horizontal menu expanded">
         <li><a href="#setup">Setup</a></li>
         <li><a href="#sticky-navigation">Sticky Navigation</a></li>
diff --git a/js/foundation.magellan.js b/js/foundation.magellan.js
index b97091d97..a9620337c 100644
--- a/js/foundation.magellan.js
+++ b/js/foundation.magellan.js
@@ -14,7 +14,7 @@
    */
   function Magellan(element, options) {
     this.$element = element;
-    this.options  = $.extend({}, Magellan.defaults, options);
+    this.options  = $.extend({}, Magellan.defaults, this.$element.data(), options);
 
     this._init();
 
@@ -54,7 +54,13 @@
      * @option
      * @example true
      */
-    deepLinking: false
+    deepLinking: false,
+    /**
+     * Number of pixels to offset the scroll of the page on item click if using a sticky nav bar.
+     * @option
+     * @example 25
+     */
+    barOffset: 0
   };
 
   /**
@@ -120,7 +126,7 @@
     }).on('click.zf.magellan', 'a[href^="#"]', function(e) {
         e.preventDefault();
         var arrival   = this.getAttribute('href'),
-            scrollPos = $(arrival).offset().top - _this.options.threshold / 2;
+            scrollPos = $(arrival).offset().top - _this.options.threshold / 2 - _this.options.barOffset;
 
         // requestAnimationFrame is disabled for this plugin currently
         // Foundation.Move(_this.options.animationDuration, $body, function(){