Comment ajuster dynamiquement la hauteur d'une iframe pour éviter le débordement de contenu ?

Ajustement dynamique de la hauteur de l'iframe pour éviter le débordement de contenu

Vous cherchez une solution pour contrôler la hauteur de l'iframe en fonction de son contenu sans utiliser de barres de défilement ? Cette requête a déjà été discutée en détail.

Pour résoudre ce problème, introduisez le script suivant dans le fichier section :

<script>
  function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
  }
</script>

Par la suite, modifiez la configuration de l'iframe comme suit :

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

Ce code ingénieux adapte la hauteur de l'iframe de manière transparente à mesure que du nouveau contenu est ajouté, éliminant ainsi le besoin de barres de défilement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!