基礎 - 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

列印頁面