Foundation - Magellan JavaScript Reference
Foundation fornisce componenti JavaScript per Magellan come elencato di seguito.
Inizializzazione
È possibile inizializzare Magellan in JavaScript utilizzando i plug-in foundation.magellan.js e foundation.core.js .
Fondazione Magellano
Specifica l'istanza di un Magellan come definito di seguito:
var elem = new Foundation.Magellan(element);| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 | element Crea un oggetto jQuery in un Magellan. |
jQuery |
| 2 | options L'impostazione predefinita del plugin è override. |
Oggetto |
Opzioni plugin
È possibile utilizzare il seguente plug-in per personalizzare l'istanza di Magellan. È possibile impostare l'opzione del plug-in come attributi di dati individuali.
| Sr.No. | Nome e descrizione | Esempio |
|---|---|---|
| 1 | animationDuration Impostare il tempo in ms durante lo scorrimento tra le posizioni. |
500 |
| 2 | animationEasing Usa lo stile di animazione mentre scorri tra le posizioni. |
facilità in uscita |
| 3 | threshold Per le modifiche alla posizione, utilizzare il numero di pixel come indicatore. |
50 |
| 4 | activeClass Nel contenitore Magellan applicare la classe per la posizione del collegamento attivo. |
attivo |
| 5 | deepLinking Lo script consente di manipolare l'URL della pagina corrente |
vero |
| 6 | barOffset Imposta il numero di pixel da sfalsare quando si utilizza la barra di navigazione fissa. |
25 |
Eventi
Il plug-in Magellan collegato a qualsiasi elemento può attivare il seguente evento.
| Sr.No. | Nome e descrizione |
|---|---|
| 1 | update.zf.magellan Innesca un evento quando il magellan ha terminato l'aggiornamento al nuovo elemento attivo. |
Funzioni
Le seguenti sono le funzioni utilizzate in magellan.
.calcPoints
La matrice dei valori dei pixel sono linee di distinzione calcolate tra le posizioni su una pagina.
.reflow
Per aggiornare Magellan, le funzioni necessarie sono chiamate al cambio del DOM.
.distruggere
L'istanza di Magellan viene distrutta.