Plugin Sticky JavaScript Reference
Foundation fornisce componenti JavaScript per i plugin Sticky come elencato di seguito.
Inizializzazione
Puoi inizializzare sticky in JavaScript utilizzando i plugin foundation.sticky.js e foundation.core.js . Il plugin richiede le seguenti librerie:
foundation.util.triggers.js
foundation.util.mediaQuery.js
Fondazione Appiccicoso
Specifica l'istanza di sticky come definito di seguito -
var elem = new Foundation.Sticky(element);| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 |
element Crea un oggetto jQuery in un file sticky. |
jQuery |
| 2 |
options L'impostazione predefinita del plugin è override. |
Oggetto |
Opzioni plugin
È possibile utilizzare i seguenti plugin per personalizzare l'istanza sticky. È possibile impostare l'opzione del plug-in come attributi di dati individuali.
| Sr.No. | Nome e descrizione | Esempio |
|---|---|---|
| 1 |
container Per lo styling e il dimensionamento possono essere incluse le proprie classi. |
'' |
| 2 |
stickTo Imposta la posizione in cui l'elemento deve rimanere bloccato. |
'superiore' |
| 3 |
anchor Include l'id di quell'elemento, che è ancorato al singolo elemento. |
'exampleId' |
| 4 |
topAnchor Considera l'id di ancoraggio superiore se, più elementi vengono utilizzati come punti di ancoraggio. |
"exampleId: top" |
| 5 |
btmAnchor Considera l'id di ancoraggio inferiore se vengono utilizzati più elementi come punti di ancoraggio. |
'exampleId: bottom' |
| 6 |
marginTop Imposta il margine in em per l'elemento superiore quando diventa appiccicoso. |
1 |
| 7 |
marginBottom Imposta il margine in em per l'elemento inferiore quando diventa appiccicoso. |
1 |
| 8 |
stickyOn La stringa del punto di interruzione dovrebbe diventare appiccicosa. |
'medio' |
| 9 |
stickyClass Applica la classe all'elemento appiccicoso e rimuove la distruzione. |
'appiccicoso' |
| 11 |
containerClass Applica la classe al contenitore appiccicoso. Per impostazione predefinita, è sticky-container . |
"contenitore appiccicoso" |
| 12 |
checkEvery I punti permanenti vengono ricalcolati in base al numero di eventi di scorrimento tra i plugin. |
50 |
Eventi
I plugin permanenti collegati a qualsiasi elemento possono attivare i seguenti eventi.
| Sr.No. | Nome e descrizione |
|---|---|
| 1 |
stuckto.zf.sticky Innesca un evento quando $ element è diventato position: fixed; e Namespaced in alto o in basso . |
| 2 |
unstuckfrom.zf.sticky Si innesca un evento quando $ elemento è diventato ancorato e namespace di alto o in basso . |
Funzioni
Le seguenti sono le funzioni utilizzate in sticky.
._pauseListeners
Per lo scorrimento dell'evento, il gestore viene rimosso e l'evento viene modificato in ancoraggio.
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 |
scrollListener La finestra è collegata con un listener di scorrimento univoco con spaziatura dei nomi. |
corda |
._calc
Ad ogni evento di scorrimento , viene chiamato calc e, a seconda del valore memorizzato nella cache e dei valori booleani, _init attiva le funzioni.
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 |
checkSizes Il plug-in ricalcola la dimensione e i punti di interruzione se impostato su true. |
Booleano |
| 2 |
scroll Scorre la posizione corrente dell'evento che è passato dalla funzione cb. Altrimenti per impostazione predefinita si imposta a window.pageYOffset |
Numero |
.distruggere
L'attuale elemento appiccicoso viene distrutto; l'elemento viene riportato alla posizione superiore. Rimuove JS, che include classi e proprietà CSS e $ element viene scartato quando JS include $ container .
.emCalc
La funzione di supporto viene utilizzata per calcolare i valori em.
| Sr.No. | Nome e descrizione | genere |
|---|---|---|
| 1 |
Number Il numero di em è calcolato in pixel. |
em |