Comment puis-je désactiver le défilement dans les Iframes HTML ?

Désactivation du défilement dans les iframes HTML

Lors de l'intégration de contenu externe dans une page Web à l'aide d'iframes, il peut être nécessaire de désactiver les barres de défilement qui apparaissent au bord de l'iframe. Malgré la suppression de l'attribut de défilement de la spécification HTML5, la plupart des navigateurs continuent de le prendre en charge.

Solution 1 : combiner les attributs de défilement et de débordement

Pour désactiver le défilement en HTML5 iframes, vous pouvez utiliser une combinaison de l'attribut de défilement et du CSS de débordement property :

<iframe src="" scrolling="no"></iframe>

iframe {
  overflow: hidden;
}

Bien que cette méthode puisse fonctionner dans certains navigateurs, elle pourrait devenir obsolète à mesure que les navigateurs sont mis à jour.

Solution 2 : Solution basée sur JavaScript

Pour une solution basée sur JavaScript plus fiable, vous pouvez vous référer à la ressource suivante : http://www.christersvensson.com/html-tool/iframe.htm

Compatibilité des navigateurs

Il est important de noter que l'attribut de défilement n'est pris en charge que dans les versions plus anciennes. navigateurs tels que IE10, Chrome 25 et Opera 12.12. Pour les navigateurs plus récents, la propriété overflow est la méthode privilégiée pour désactiver le défilement dans les iframes HTML5.

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!