JavaScript Reference
优质
小牛编辑
128浏览
2023-12-01
Foundation为Magellan提供JavaScript组件，如下所示。
初始化 (Initializing)
您可以使用foundation.magellan.js和foundation.core.js插件在JavaScript中初始化Magellan。
Foundation.Magellan
它指定了如下定义的麦哲伦实例 -
var elem = new Foundation.Magellan(element);
| Sr.No. | 名称和描述 | 类型 |
|---|---|---|
| 1 | element 它将一个jQuery对象创建为Magellan。 | jQuery |
| 2 | options 默认插件设置为覆盖。 | Object |
插件选项 (Plugin Options)
您可以使用以下插件来自定义Magellan实例。 您可以将插件选项设置为单个数据属性。
| Sr.No. | 名称和描述 | 例 |
|---|---|---|
| 1 | animationDuration 在位置之间滚动时设置以ms为单位的时间。 | 500 |
| 2 | animationEasing 在位置之间滚动时使用动画样式。 | ease-in-out |
| 3 | threshold 对于位置更改，请使用像素数作为标记。 | 50 |
| 4 | activeClass 在magellan容器中，将类应用于活动链接位置。 | active |
| 5 | deepLinking 脚本允许操纵当前页面URL | true |
| 6 | barOffset 设置使用粘性导航栏时要偏移的像素数。 | 25 |
事件 (Events)
附加到任何元素的Magellan插件可以触发以下事件。
| Sr.No. | 名称和描述 |
|---|---|
| 1 | update.zf.magellan 当magellan完成更新到新的活动元素时，它会触发一个事件。 |
功能 (Functions)
以下是magellan中使用的功能。
.calcPoints
像素值阵列是计算页面上位置之间的区别线。
.reflow
要更新Magellan，必须在DOM更改时调用必要的函数。
.destroy
麦哲伦的实例被摧毁了。