1. Transição (filtro)
Como um componente suportado básico, ele é referenciado várias vezes por outros componentes. Implementar a capacidade de apoiar a transição de acordo com o navegador e, em seguida, vincular o evento final da animação;
Primeiro: crie um elemento;
Então: Visão geral itera do nome da animação de transição suportado por este elemento
A habilidade de implementação de transição é principalmente reescrever o objeto de evento do jQuery, e o código é o seguinte:
$(function () { $.support.transition = transitionEnd() if (!$.support.transition) return $.event.special.bsTransitionEnd = { bindType: $.support.transition.end, delegateType: $.support.transition.end, handle: function (e) { if ($(e.target).is(this)) return E.Handleobj.Handler.Apply (this, argumentos)}}})2. Afixo (posicionamento flutuante automático)
1. Alvo: o parâmetro indica seu nó de referência de posicionamento (deve ser o objeto de contêiner pai que gera a barra de rolagem), e o padrão é a janela
2. Os valores superior e inferior definidos pelo deslocamento de dados serão usados apenas para calcular expressões e não serão definidos no CSS.
3. Três tipos de estilos de posicionamento:
3.1. Afix-top: o estilo que será adicionado ao chegar ao topo da página
3.2. Afixo: Estilos que serão adicionados no meio da página
3.3. Afixo-fundo: estilos que serão adicionados na parte inferior da página
4. Fórmula de processamento:
4.1. Em cima: a altura da barra de rolagem do traget (scrolltop) <a distância da posição superior do elemento (OffsetTop) (primeiro julgamento)
4.1.1. ScrollTop está definido como: o topo posicionado pelo próprio elemento (a distância do ponto original do elemento está atualmente posicionada no documento) (não a primeira vez)
4.2. getpinnedoffset: pegue a parte superior que coloca o elemento Top Target ScrollBar
4.3. Inferior: Se o elemento de aderência for a primeira vez que o fundo estiver posicionado, o fundo é a altura da barra de rolagem de alvo + a altura do elemento de destino> = A altura de toda a altura da barra de rolagem do documento grudando no elemento da parte inferior
4.3.1. Se não for a primeira vez, posicionamento inferior
1) Se Offsettop (a distância da posição superior do elemento) não estiver vazia, a parte superior do alvo + o valor do getPinneDoffset> o valor do elemento adesivo atualmente posicionado no topo
2) Se o deslocamento estiver vazio, o topo do alvo + a altura do elemento alvo> A altura da altura do documento gruda na parte inferior
4. O único topo que pode alterar o elemento de aderência é: altura do documento - a altura do elemento de aderência - a altura do elemento de aderência do fundo
5. Onde o poço está:
1) Quando a parte superior e inferior forem usadas juntas, ocorrerão conflitos, razões:
Afixo-Bottom, ou seja, ao atingir a parte inferior da página, o Bootstrap usa deslocamento para definir o valor superior e adiciona posição: valor relativo ao elemento, o que resulta em nenhum efeito ao rolar novamente após retornar à parte superior da página.
Motivo: o conjunto relativo de estilos em linha substituirá os estilos fixos definidos na aula
6. Resumo
1) É bom na situação superior e você precisa adicionar controle manual na situação inferior
2) Ao aplicar o controle de afixar, pelo menos reescreva o estilo de afixo para controlar o posicionamento da barra adesiva.
Se você ainda deseja estudar em profundidade, pode clicar aqui para aprender e anexar um tópico maravilhoso a você: Bootstrap Learning Tutorial
Esta série de tutoriais foi compilada em: Bootstrap Basic Tutorials Tópicos Especiais, bem -vindo ao clicar para aprender.
O exposto acima é tudo sobre este artigo, espero que seja útil para todos aprenderem a programação de JavaScript.