web-dev-qa-db-fra.com

Comment supprimer les barres de défilement iframe?

Comment supprimer les scrllbars d'iframe? Dans Firefox, c'est facile, mais je me suis trouvé incapable d'obtenir cet effet compatible avec tous les principaux navigateurs.

javascripthtmlcssiframecross-browser
16
Paul

CSS

iframe {
   overflow: hidden;
}

Et/ou utilisez La réponse de Coin_op , cela semble être mieux.

16
alex

Si la technique CSS ne fonctionne pas pour vous, essayez également d'ajouter la propriété scrolling="no" à la balise HTML iframe.

<iframe scrolling="no" src="..." >
40
Coin_op

en plus de la réponse d'Alex, j'ai également dû ajouter ce qui suit pour supprimer les barres d'outils horizontales de FF et de Chrome. Cela a été ajouté dans la page i-frame, même s'il devrait être possible de l'ajouter également dans le css:

    <style>
        iframe::-webkit-scrollbar {  
        display: none;
    }  
    </style>
5
Aris
<iframe runat="server" id="_theFrame"  src="url" width="100%" scrolling="no" height="200" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" style="display: block; background: none repeat scroll 0% 0% transparent; width: 100%;" />
0
DjZia Prodigal Son