Foundation-マゼランJavaScriptリファレンス

Foundationは、以下に示すように、マゼラン用のJavaScriptコンポーネントを提供しています。

初期化中

_foundation.magellan.js_および_foundation.core.js_プラグインを使用して、JavaScriptでマゼランを初期化できます。

以下で定義されているようにマゼランのインスタンスを指定します-

var elem = new Foundation.Magellan(element);

Sr.No.

Name & Description

Type

1

element

jQueryオブジェクトをマゼランに作成します。

jQuery

2

options

デフォルトのプラグイン設定はオーバーライドされます。

Object

次のプラグインを使用して、マゼランインスタンスをカスタマイズできます。プラグインオプションを個別のデータ属性として設定できます。

Sr.No.	Name & Description	Example
1	animationDuration ロケーション間をスクロールする時間をミリ秒で設定します。	500
2	animationEasing 場所の間をスクロールしながら、アニメーションスタイルを使用します。	ease-in-out
3	threshold 場所を変更するには、ピクセル数をマーカーとして使用します。	50
4	activeClass magellanコンテナで、アクティブなリンクの場所にクラスを適用します。	active
5	deepLinking スクリプトにより、現在のページのURLを操作できます	true
6	barOffset スティッキーナビゲーションバーを使用するときにオフセットするピクセル数を設定します。	25

任意の要素に接続されたマゼランプラグインは、次のイベントをトリガーできます。

Sr.No.	Name & Description
1	update.zf.magellan magellanが新しいアクティブ要素への更新を完了すると、イベントがトリガーされます。

以下は、マゼランで使用される関数です。

ピクセル値の配列は、ページ上の場所を区別して計算された線です。

Magellanを更新するには、DOMの変更時に必要な関数が呼び出されます。

マゼランのインスタンスは破壊されます。