Foundation - Magellan JavaScript Reference

O Foundation fornece componentes JavaScript para Magellan conforme listado abaixo.

Inicializando

Você pode inicializar o Magellan em JavaScript usando foundation.magellan.js e foundation.core.js plugins.

Ele especifica a instância de um Magellan conforme definido abaixo -

var elem = new Foundation.Magellan(element);

Sr. Não.	Nome e Descrição	Tipo
1	element Ele cria um objeto jQuery em um Magellan.	jQuery
2	options A configuração do plug-in padrão é anulada.	Objeto

Você pode usar o seguinte plugin para personalizar a instância do Magellan. Você pode definir a opção de plug-in como atributos de dados individuais.

Sr. Não.	Nome e Descrição	Exemplo
1	animationDuration Defina o tempo em ms enquanto percorre os locais.	500
2	animationEasing Use o estilo de animação, ao rolar entre os locais.	facilidade de entrada
3	threshold Para alterações de localização, use o número de pixels como marcador.	50
4	activeClass No contêiner Magellan, aplique a classe para localização do link ativo.	ativo
5	deepLinking O script permite manipular o URL da página atual	verdadeiro
6	barOffset Defina o número de pixels a serem compensados ao usar a barra de navegação fixa.	25

O plugin Magellan anexado a qualquer elemento pode acionar o seguinte evento.

Sr. Não.	Nome e Descrição
1	update.zf.magellan Ele dispara um evento quando o magellan termina de atualizar para o novo elemento ativo.

A seguir estão as funções usadas no Magellan.

A matriz de valores de pixel são linhas calculadas de distinção entre os locais em uma página.

Para atualizar as funções necessárias do Magellan, são solicitadas alterações no DOM.

A instância de magellan é destruída.

↰ Previous page