JavaScript Reference

优质
小牛编辑
127浏览
2023-12-01

Foundation为Magellan提供JavaScript组件,如下所示。

初始化 (Initializing)

您可以使用foundation.magellan.jsfoundation.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

麦哲伦的实例被摧毁了。