Extension de la hauteur de div au-delà de sa hauteur maximale à partir de javascript

Question

J'ai un div dans un contrôle utilisateur, dont la hauteur maximale est fixée à 400px en CSS. Ce contrôle utilisateur est utilisé dans de nombreuses pages aspx dans mon application.

J'essaye d'augmenter dynamiquement la taille de div à 500px en Javascript pour une seule page, mais cela ne fonctionne pas. Le contrôle utilisateur div ne prend que 400px (hauteur maximale définie dans css) et non la hauteur définie par JavaScript.

Existe-t-il un moyen de modifier la hauteur de div sur la hauteur maximale de JavaScript?

Merci

Answer 1

Vous devrez définir la propriété max-hauteur avant de pouvoir régler la hauteur pour être supérieure à elle.

Alors, plutôt que ceci:

function setHeight() 
{ 
    var e = document.getElementById("myDiv"); 
    e.style.height = "500px"; 
} 

Vous allez faire ceci:

function setHeight() 
{ 
    var e = document.getElementById("myDiv"); 
    e.style.maxHeight = "500px"; 
    e.style.height = "500px"; 
}