1. Transición (filtro)
Como componente compatible básico, otros componentes lo hacen referencia varias veces. Implemente la capacidad de apoyar la transición de acuerdo con el navegador y luego vincular el evento final de la animación;
Primero: crear un elemento;
Luego: itere una descripción general del nombre de animación de transición compatible con este elemento
La habilidad de la implementación de transición es principalmente para reescribir el objeto de evento de jQuery, y el código es el siguiente:
$ (function () {$ .support.transition = transitionend () if (! $. Support.Transition) return $ .event.special.bstransitionend = {bindType: $ .support.transition.end, delegateType: $ .support.transition.end, manejo: function (e) {if ($ ((e.target). E.HandleObj.handler.apply (this, argumentos)}}})2. Afix (posicionamiento flotante automático)
1. Objetivo: el parámetro indica su nodo de referencia de posicionamiento (debe ser el objeto de contenedor principal que genera la barra de desplazamiento), y la ventana predeterminada es
2. Los valores superior e inferior establecidos por la compensación de datos solo se utilizarán para calcular las expresiones y no se establecerán en CSS.
3. Tres tipos de estilos de posicionamiento:
3.1. Afix-top: el estilo que se agregará al llegar a la parte superior de la página
3.2. Afieto: estilos que se agregarán en el medio de la página
3.3. Afídeo: estilos que se agregarán en la parte inferior de la página
4. Fórmula de procesamiento:
4.1. Arriba: la altura de la barra de desplazamiento del traget (scrolltop) <la distancia desde la posición superior del elemento (offsettop) (primer juicio)
4.1.1. ScrollTop se establece en: La parte superior posicionada por el elemento en sí (la distancia desde el punto original del elemento se coloca actualmente desde el documento) (no la primera vez)
4.2. getPinDoffset: obtenga la parte superior que se adhiere al elemento TOP TOCKBAR DE Scroll de Target
4.3. Abajo: si el elemento pegajoso es la primera vez que se coloca la parte inferior, entonces la parte inferior es la altura de barra de desplazamiento de destino + la altura del elemento de destino> = la altura de todo el documento La altura de la barra de desplazamiento que se adhiere al elemento desde la parte inferior
4.3.1. Si no es la primera vez, posicionamiento inferior
1) Si Offsettop (la distancia desde la posición superior del elemento) no está vacía, la parte superior del objetivo + el valor de GetPinnedOffset> El valor del elemento adhesivo actualmente colocado en la parte superior
2) Si Offsettop está vacío, la parte superior del objetivo + la altura del elemento de destino> La altura de la altura del documento se adhiere a la parte inferior
4. La única parte superior que puede cambiar el elemento pegajoso es: Altura del documento: la altura del elemento pegajoso - la altura del elemento pegajoso desde la parte inferior
5. Donde se encuentra el pozo:
1) Cuando la parte superior y la parte inferior se usan juntos, se producirán conflictos, razones:
Afije-fondo, es decir, al llegar a la parte inferior de la página, Bootstrap usa Offset para establecer el valor superior y agrega posición: Valor relativo al elemento, lo que no resulta en ningún efecto al desplazarse hacia abajo nuevamente después de regresar a la parte superior de la página.
Razón: el conjunto relativo de estilos en línea anulará los estilos fijos establecidos en clase
6. Resumen
1) Es bueno en la situación superior, y debe agregar controles manuales en la situación inferior
2) Al aplicar el control de afijo, al menos reescribe el estilo de afijo usted mismo para controlar el posicionamiento de la barra adhesiva.
Si aún desea estudiar en profundidad, puede hacer clic aquí para aprender y adjuntarle un tema maravilloso: Tutorial de aprendizaje de Bootstrap
Esta serie de tutoriales se ha compilado en: Tutoriales básicos de Bootstrap Temas especiales, bienvenidos a Click To Learn.
Lo anterior se trata de este artículo, espero que sea útil para todos aprender la programación de JavaScript.