• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
    • Preguntas
    • Profesores
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Pruebas Online
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

145
Vistas
¿Cómo establecer la altura en CSS desde la variable de JavaScript?

Entonces, estoy usando el control deslizante Slick y quería aplicar un código solo cuando el control deslizante está activo.

 .specialist-description-wrapper { height: 0rem; } .slick-current.slick-active .specialist-description-wrapper { height: 20rem;

}

Pero el problema es que no quiero tener una altura fija. Quiero una altura "Automática", de modo que si mi contenido se hace más grande, se ajustará automáticamente. Si trato de hacer una altura de 0 rem a Auto, entonces la "Transición" no funciona.

Entonces, he decidido usar JavaScript para calcular la altura del elemento.

 let descriptionWrapper = document.querySelector(".slick-current.slick-active .specialist-description-wrapper") let height = descriptionWrapper.offsetHeight descriptionWrapper.style.height = height;

Pero no está funcionando para mí. ¿Me he perdido algo?

almost 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Mantener la altura en automático solo tomará la altura utilizada por sí misma y no tomará la altura completa. Para hacer que la altura se ajuste de manera receptiva de acuerdo con la altura de los padres, puede usar

 height: 100%;

Esto hará que el elemento tome toda la altura de su elemento padre.

Pero aún así, si algo se rompe, puede ajustar el contenido del elemento. Porque el 100% de la altura es importante.


Además, no ha proporcionado suficiente código con respecto a su marcado. Proporcione siempre el código para que todos puedan escribir mejores respuestas para usted.

almost 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda