Referência de Plug-ins Sticky JavaScript

O Foundation fornece componentes JavaScript para plug-ins Sticky conforme listado abaixo.

Inicializando

Você pode inicializar pegajoso em JavaScript usando as foundation.sticky.js e foundation.core.js plugins. O plugin requer as seguintes bibliotecas -

foundation.util.triggers.js
foundation.util.mediaQuery.js

Foundation.Sticky

Ele especifica a instância de sticky conforme definido abaixo -

var elem = new Foundation.Sticky(element);

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

Opções de plug-in

Você pode usar os seguintes plug-ins para personalizar a instância persistente. Você pode definir a opção de plug-in como atributos de dados individuais.

Sr. Não.	Nome e Descrição	Exemplo
1	container Para estilizar e dimensionar as próprias classes podem ser incluídas.	''
2	stickTo Define o local onde o elemento deve ficar.	'topo'
3	anchor Inclui o id desse elemento, que está ancorado no único elemento.	'exampleId'
4	topAnchor Considera o id de âncora superior se mais elementos forem usados como pontos de âncora.	'exampleId: top'
5	btmAnchor Considera o id de âncora inferior se mais elementos forem usados como pontos de âncora.	'exampleId: bottom'
6	marginTop Define a margem em em para o elemento superior quando ele se torna pegajoso.	1
7	marginBottom Define a margem em em para o elemento inferior quando ele se torna pegajoso.	1
8	stickyOn A string do ponto de interrupção deve se tornar pegajosa.	'médio'
9	stickyClass Aplica classe ao elemento pegajoso e remove na destruição.	'pegajoso'
11	containerClass Aplica classe ao contêiner adesivo. Por padrão, é um recipiente aderente .	'recipiente pegajoso'
12	checkEvery Os pontos fixos são recalculados pelo número de eventos de rolagem entre os plug-ins.	50

Eventos

Os plug-ins aderentes anexados a qualquer elemento podem acionar os eventos a seguir.

Sr. Não.	Nome e Descrição
1	stuckto.zf.sticky Ele dispara um evento quando $ element tornou-se position: fixed; e com namespaces para cima ou para baixo .
2	unstuckfrom.zf.sticky Ele dispara um evento quando $ elemento se tornou ancorado e o namespace foi colocado na parte superior ou inferior .

Funções

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

._pauseListeners

Para rolar o evento, o manipulador é removido e o evento é alterado para âncora.

Sr. Não.	Nome e Descrição	Tipo
1	scrollListener A janela é anexada a um listener de rolagem com namespace exclusivo.	corda

._calc

Em cada evento de rolagem , o calc é chamado e dependendo do valor booleano e do cache o _init dispara as funções.

Sr. Não.	Nome e Descrição	Tipo
1	checkSizes O plugin recalcula o tamanho e os pontos de interrupção se for definido como verdadeiro.	boleano
2	scroll Rola a posição atual do evento que é passado da função cb. Caso contrário, por padrão, ele define como window.pageYOffset	Número

.destruir

O elemento pegajoso atual é destruído; o elemento é redefinido para a posição superior. Ele remove o JS, que inclui classes e propriedades css e $ element é desembrulhado quando JS inclui $ container .

.emCalc

A função auxiliar é usada para calcular os valores em.

Sr. Não.	Nome e Descrição	Tipo
1	Number O número de ems é calculado em pixels.	em

↰ Previous page