Foundation - Référence JavaScript Magellan

Foundation fournit des composants JavaScript pour Magellan comme indiqué ci-dessous.

Initialisation

Vous pouvez initialiser le Magellan en JavaScript en utilisant les plugins foundation.magellan.js et foundation.core.js .

Fondation.Magellan

Il spécifie l'instance d'un Magellan tel que défini ci-dessous -

var elem = new Foundation.Magellan(element);

N ° Sr.	Nom et description	Type
1	element Il crée un objet jQuery dans un Magellan.	jQuery
2	options Le paramètre par défaut du plug-in est remplacé.	Objet

Options de plug-in

Vous pouvez utiliser le plugin suivant pour personnaliser l'instance Magellan. Vous pouvez définir l'option du plugin en tant qu'attributs de données individuels.

N ° Sr.	Nom et description	Exemple
1	animationDuration Réglez le temps en ms lors du défilement entre les emplacements.	500
2	animationEasing Utilisez le style d'animation tout en faisant défiler les emplacements.	facilité d'entrée
3	threshold Pour les changements d'emplacement, utilisez le nombre de pixels comme marqueur.	50
4	activeClass Dans le conteneur magellan, appliquez la classe pour l'emplacement du lien actif.	actif
5	deepLinking Le script permet de manipuler l'URL de la page actuelle	vrai
6	barOffset Définissez le nombre de pixels à décaler lors de l'utilisation de la barre de navigation collante.	25

Événements

Le plugin Magellan attaché à n'importe quel élément peut déclencher l'événement suivant.

N ° Sr.	Nom et description
1	update.zf.magellan Il déclenche un événement lorsque le magellan a terminé la mise à jour vers le nouvel élément actif.

Les fonctions

Voici les fonctions utilisées dans magellan.

.calcPoints

Le tableau de valeurs de pixels sont des lignes de distinction calculées entre les emplacements sur une page.

.reflow

Pour mettre à jour Magellan, les fonctions nécessaires sont appelées au changement du DOM.

.détruire

L'instance de magellan est détruite.