es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Problema de transformación en Flickity

Antes de las vacaciones, el sitio web del cliente funcionaba correctamente con el carrusel Flickity. Pero después de regresar, se ha bloqueado por completo, aunque comienza a funcionar cuando redimensiono la ventana.

Observé la consola y noté que lo que está cambiando es que antes de redimensionar la ventana, el código de transformación/traslación no está ahí. Pero cuando lo redimensiono, aunque sea un poco, vuelven a aparecer (ver capturas de pantalla).

Estoy desconcertado porque funcionaba perfectamente bien, como dije. Cualquier ayuda sería muy apreciada.

Gracias.

Tienes aquí una captura de pantalla del problema

Tienes aquí otra captura de pantalla del problema

Lo tengo configurado a través de Flickity CDN.

Mi CSS es el siguiente:

.carousel {
  width: 100%;
}

.carousel-cell {
  width: 100%;
  height: 500px;
  margin-right: 10px;
  border-radius: 5px;
  left: 102%;
}

.carousel-cell.is-selected {
  position: absolute;
  left: 0%;
}

/* número de celda */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: carousel-cell;
  line-height: 200px;
  font-size: 80px;
  color: white;
}
Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que el carrusel Flickity en el sitio del cliente se ha bloqueado desde que regresamos de las vacaciones. Sin embargo, al redimensionar la ventana, el código de transformación/traslación vuelve a aparecer. La consola muestra que el código no está presente antes de redimensionar, pero está presente después. El problema es desconcertante ya que el carrusel funcionaba antes de las vacaciones. Se está utilizando la CDN de Flickity para configurar el carrusel, y el CSS se muestra arriba. Cualquier ayuda en este asunto sería muy apreciada. Gracias.

Comments are closed.