Fundación - Referencia de JavaScript de Magellan

Foundation proporciona componentes JavaScript para Magellan que se enumeran a continuación.

Inicializando

Puede inicializar el Magellan en JavaScript mediante los complementos foundation.magellan.js y foundation.core.js .

Fundación.Magellan

Especifica la instancia de un Magellan como se define a continuación:

var elem = new Foundation.Magellan(element);

No Señor. Nombre y descripción Tipo
1

element

Crea un objeto jQuery en un Magellan.

jQuery
2

options

La configuración predeterminada del complemento se anula.

Objeto

Opciones de complementos

Puede utilizar el siguiente complemento para personalizar la instancia de Magellan. Puede configurar la opción de complemento como atributos de datos individuales.

No Señor. Nombre y descripción Ejemplo
1

animationDuration

Configure el tiempo en ms mientras se desplaza entre las ubicaciones.

500
2

animationEasing

Utilice el estilo de animación mientras se desplaza entre las ubicaciones.

facilidad de entrada y salida
3

threshold

Para cambios de ubicación, utilice el número de píxeles como marcador.

50
4

activeClass

En el contenedor magellan, aplique la clase para la ubicación del enlace activo.

activo
5

deepLinking

El script permite manipular la URL de la página actual.

cierto
6

barOffset

Establezca el número de píxeles a compensar cuando utilice la barra de navegación adhesiva.

25

Eventos

El complemento Magellan adjunto a cualquier elemento puede desencadenar el siguiente evento.

No Señor. Nombre y descripción
1

update.zf.magellan

Activa un evento cuando el magallanes termina de actualizarse al nuevo elemento activo.

Funciones

Las siguientes son las funciones utilizadas en magellan.

.calcPoints

La matriz de valores de píxeles son líneas calculadas de distinción entre las ubicaciones en una página.

.reflujo

Para actualizar Magellan, se invocan las funciones necesarias tras el cambio de DOM.

.destruir

La instancia de magallanes se destruye.