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?
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.