come rimuovere la barra di scorrimento orizzontale per iframe su google chrome

Question

Voglio abilitare lo scorrimento verticale e lo scorrimento orizzontale.

utilizzando scrolling = "no" non è quello che voglio dal momento che voglio ancora lo scorrimento verticale.

Ho provato ad aggiungere questo per css

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

ma mostra ancora la barra orizzontale-scroll solo per Chrome. il resto dei browser va bene.

ogni aiuto è apprezzato

Answer 1

Se si ha accesso alla pagina di origine iframe è possibile inserire

body { 
    overflow-x:hidden; 
} 

all'interno di quella pagina. Se non lo fai, ma almeno sei pagine dallo stesso dominio, credo che qualcosa di simile dalla pagina padre dovrebbe funzionare:

#myiframe body { 
    overflow-x:hidden; 
} 

Se nessuna delle precedenti è vero - è possibile simulare "overflow-x : hidden "nascondendo effettivamente la barra di scorrimento orizzontale all'interno del contenitore iframe. Posizionare Iframe in un contenitore DIV di altezza minore, per es .:

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

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

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

Dal altezza iframe è più grande altezza del div e troppo pieno di div è impostato su nascosto - barra di scorrimento orizzontale del iframe sarà nascosto. Il verticale rimane ancora operativo.

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