9
votes

Iframe - défilement vertical seulement

J'ai un iframe.

J'ai besoin d'une solution de navigateur croisée pour vous assurer que seule la barre de défilement verticale est visible, quelle que soit la largeur du contenu de l'iframe.

Ma solution a déjà une dépendance sur jQuery, donc si cela n'est pas possible avec seulement CSS, je suis ouvert aux solutions JQuery.

Comment puis-je faire cela?

css scrollbar cross-browser iframe browser-scrollbars

0 commentaires

4 Réponses :

6
votes

Pour afficher uniquement la barre de défilement verticale dans une iframe, vous spécifiez la largeur de l'iframe à être supérieure à la largeur de la page à l'intérieur de l'iframe. xxx

ou essayez ceci: xxx

1 commentaires

Grande solution pour remplacer l'attribut de défilement et empêcher la barre horizontale. Il montre toutefois une barre de défilement grisée lorsque le contenu convient.

12
votes

Vous pouvez régler les barres de défilement d'un iframe ou de tout élément avec le code CSS suivant:

iframe{ width:500px; height: 500px; overflow-x: hidden; overflow-y: scroll }

2 commentaires

En utilisant Overflow-X: m'a permis de garder l'iframe et le contenu à l'intérieur de tout fluide. Bonne réponse.

Cela ne fonctionne pas pour moi dans Chrome Chargement d'Iframe externe via SRC Attrib

3
votes

Nidification ...

Mettez le

  code> sur la page qui se charge dans le    code&gt; et vous pouvez contr&ocirc;ler les rouleaux.  P &gt; <pre>&lt;iframe  scrolling="no" height="400" width="600" &gt;
&lt;div id="addcontent" style='width:600px;overflow-y:scroll;overflow-x:hidden;height:400px;position:relative;top:0px;left:0px;'&gt;
&lt;/div&gt;
&lt;/iframe&gt;
</pre>

0 commentaires

1
votes

Cela fonctionne pour moi (même sur Safari également): xxx pré>

ou vous pouvez le faire aussi: p>

CSS P>

<iframe src="http://url/file.html" scrolling="yes"></iframe>

0 commentaires