Javascript Girl
  1. Javascript Girl
  3. Comment supprimer les barres de défilement de l'iframe?
Intereting Posts
Canvas, disable image download Ajoutez la classe à tous les liens qui se lient à un certain domaine avec js (jquery) Logique commerciale en JavaScript. Client gras vs client léger Intégrer dropzone.js dans le formulaire html existant avec d'autres champs Comment faire un appel API en utilisant un météore .prepend n'est pas une fonction AngularJS $ ressource exemple RESTful JQuery – utilisez une toile pour dessiner des lignes entre divs Comment utiliser OrientDB dans une application SailsJS (Jquery / js) – récupère le texte du champ sur la touche, mais avec un retard pour une nouvelle saisie Quand est-il approprié d'utiliser ajax synchrone? Dans angular2, entrer la clé déclenche-t-il un événement de clic sur la page? Événement de défilement javascript pour iPhone / iPad? JavaScript: Trouvez la hauteur de ligne de DIV, pas la propriété CSS mais la hauteur réelle de la ligne $ Q promesses – L'objet n'est pas une fonction

Comment supprimer les barres de défilement de l'iframe?

Comment supprimer les barres de contrôle de l'iframe? Dans Firefox, c'est facile, mais je me suis retrouvé incapable de réaliser cet effet pour être compatible avec tous les principaux navigateurs.

CSS 

iframe { overflow: hidden; }

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

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="..." >

En plus de la réponse d'Alex, j'ai dû ajouter les éléments suivants pour supprimer les barres d'outils horizontales de FF et de Chrome. Ceci a été ajouté dans la page i-frame, même s'il devrait être possible de l'ajouter dans le css aussi bien: 

  <style> iframe::-webkit-scrollbar { display: none; } </style> 
 <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%;" />