Foundation - Magellan JavaScript 参考
Foundation 为 Magellan 提供 JavaScript 组件，如下所示。
初始化
您可以使用 foundation.magellan.js 和 foundation.core.js 插件在 JavaScript 中初始化 Magellan。
Foundation.Magellan
它指定了 Magellan 的实例，定义如下 −
var elem = new Foundation.Magellan(element);
| Sr.No. | 名称 &描述 | 类型 |
|---|---|---|
| 1 |
Element 它将一个 jQuery 对象创建到 Magellan 中。 |
jQuery |
| 2 |
Options 默认插件设置是覆盖。 |
对象 |
插件选项
您可以使用以下插件自定义 Magellan 实例。您可以将插件选项设置为单独的数据属性。
| Sr.No. | 名称 &描述 | 示例 |
|---|---|---|
| 1 |
animationDuration 在位置之间滚动时设置时间(以毫秒为单位)。 |
500 |
| 2 |
animationEasing 在位置之间滚动时使用动画样式。 |
ease-in-out |
| 3 |
threshold 对于位置更改，使用像素数作为标记。 |
50 |
| 4 |
activeClass 在 magellan 容器中应用活动链接位置的类。 |
active |
| 5 |
deepLinking 脚本允许操纵当前页面 URL |
true |
| 6 |
barOffset 设置使用粘性导航栏时要偏移的像素数。 |
25 |
事件
附加到任何元素的 Magellan 插件都可以触发以下事件。
| Sr.No. | 名称 &描述 |
|---|---|
| 1 |
update.zf.magellan 当 magellan 完成更新到新的活动元素时，它会触发一个事件。 |
函数
以下是 magellan 中使用的函数。
.calcPoints
像素值数组是计算出的页面上位置之间的区别线。
.reflow
要更新 Magellan，DOM 更改时会调用必要的函数。
.destroy
magellan 的实例被销毁。
foundation_navigation.html
