Jak usunąć poziomy pasek przewijania dla elementu iframe w google chrome

Question

Chcę włączyć przewijanie w pionie i przewijanie w poziomie.

przy użyciu przewijanie = "nie" nie jest tym, czego chcę, ponieważ nadal chcę przewijać w pionie.

Próbowałem dodanie tego do css

#myiframe{ 
    overflow-x:hidden; 
    overflow-y:auto; 
    } 

ale nadal pokazuje pasek przewijania poziomego bo tylko chrom. reszta przeglądarek jest w porządku.

Każda pomoc jest mile widziana

Answer 1

Jeśli masz dostęp do strony źródłowej iframe można umieścić

body { 
    overflow-x:hidden; 
} 

wewnątrz tej strony. Jeśli nie, ale przynajmniej stron z tej samej domeny, uważam coś takiego od strony nadrzędnej powinno działać:

#myiframe body { 
    overflow-x:hidden; 
} 

Jeśli żadne z powyższych jest prawdą - można symulować „overflow-x : hidden ", ukrywając poziomy pasek przewijania wewnątrz kontenera iframe. Miejsce iframe do div pojemnika o mniejszej wysokości, np .:

<div id="myiframecontainer"> 
    <iframe id="myiframe" src="http://en.wikipedia.org" /> 
</div> 

#myiframecontainer { 
    width:600px; 
    height:400px; 
    overflow:hidden; 
} 

#myiframe { 
    width:100%; 
    height:420px; 
} 

Od wysokości iframe jest większa niż wysokość div i przepełnienie div jest ustawiony na ukryty - poziomy pasek przewijania w iframe zostaną ukryte. Pionowo nadal działa.

Demo: http://jsfiddle.net/5DPgf/