web-dev-qa-db-fra.com

HTML5: Iframe Pas de défilement?

En ce qui concerne HTML5, l'attribut scrolling n'est plus pris en charge - mais je dois tout de même supprimer les barres de défilement - comment procéder?

html5iframescroll
43
jave.web

En HTML5, il n'y a pas d'attribut scrolling car "sa fonction est mieux gérée par CSS", voir http://www.w3.org/TR/html5-diff/ pour d'autres modifications. Eh bien et la solution CSS:

solution CSS:

HTML4's scrolling="no" est en quelque sorte un alias du overflow: hidden, pour ce faire, il est important de définir les attributs de taille width/height:

iframe.noScrolling{
  width: 250px; /*or any other size*/
  height: 300px; /*or any other size*/
  overflow: hidden;
}

Ajoutez cette classe à votre iframe et vous avez terminé:

<iframe src="http://www.example.com/" class="noScrolling"></iframe>

! NOTE IMPORTANTE ! : overflow: hidden pour <iframe> n’est pas encore totalement supporté par tous les navigateurs modernes (même chrome ne le supporte pas encore)), donc pour le moment ( 2013 ) il est toujours préférable d'utiliser Transitional et d'utiliser scrolling="no" et overflow:hidden à la fois :)

50
jave.web