基础 - Magellan JavaScript 参考

Foundation 提供了如下所示的 Magellan JavaScript 组件。

初始化

您可以使用 foundation.magellan.js 和 foundation.core.js 插件在 JavaScript 中初始化 Magellan。

它指定了如下定义的 Magellan 实例：

var elem = new Foundation.Magellan(element);

序号	名称及描述	类型
1	element 它创建一个 jQuery 对象到 Magellan 中。	jQuery
2	options 覆盖默认插件设置。	对象

序号

名称及描述

类型

element

它创建一个 jQuery 对象到 Magellan 中。

jQuery

options

覆盖默认插件设置。

对象

您可以使用以下插件自定义 Magellan 实例。您可以将插件选项设置为单独的数据属性。

序号	名称及描述	示例
1	animationDuration 设置在位置之间滚动时的毫秒数。	500
2	animationEasing 在位置之间滚动时使用动画样式。	ease-in-out
3	threshold 用于位置更改，使用像素数作为标记。	50
4	activeClass 在 magellan 容器中为活动链接位置应用该类。	active
5	deepLinking 脚本允许操作当前页面 URL。	true
6	barOffset 使用粘性导航栏时设置要偏移的像素数。	25

附加到任何元素的 Magellan 插件可以触发以下事件。

序号	名称及描述
1	update.zf.magellan 当 magellan 完成更新到新的活动元素时触发该事件。

以下是 magellan 中使用的函数。

计算页面上位置之间区分线的像素值数组。

在 DOM 更改时调用必要的函数以更新 Magellan。

销毁 magellan 实例。

foundation_navigation.htm

打印页面