desbordamiento: oculto; no funciona en Chrome con IFRAME?

Question

Tengo un IFRAME con desbordamientos ocultos en css y html. Funciona en Firefox, pero no en Chrome/Safari

¿Por qué es esto?

Answer 1

derecho, ¿qué tal:

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

como en el scrolling="no"

http://jsfiddle.net/neSBS/

Answer 2

Uso desbordamiento-y: hidden; luego el desplazamiento vertical estará oculto.

Answer 3

Después de un bastante grande investigación que he hecho sobre este tema me gustaría publicar mi respuesta, lo que le sugiero, podría ser una adición a la respuesta de Joonas:

<style> 
    iframe { 
     overflow:hidden; 
    } 
</style> 
(...) 
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe> 

creo, tanto scrolling y overflow:hidden se debe proporcionar, aunque esta solución no funcionará en una combinación de Doctype de Chrome y HTML5. El atributo scrolling está en desuso en HTML5 y la propiedad overflow no afecta a los marcos flotantes en Chrome. Asumo, este último es un error, ya que el HTML5 specification dice claramente:

Además, HTML5 tiene ninguno de los atributos de presentación que estaban en HTML 4 como sus funciones se manejan mejor por CSS:
(...)
- atributo nowrap en td y th.
- atributo de reglas en la tabla.
- atributo de desplazamiento en iframe.
- atributo de tamaño en hr.
- tipo de atributo en li, y ul.
(...)

Se dice claramente - en HTML5 scrolling debe ser reemplazado por CSS overflow.

Answer 4

Solo width: 99.99%; hizo el truco para mí.

Tuve este problema en Chrome pero no en Firefox.

Answer 5

<style> 
    iframe::-webkit-scrollbar { 
    display: none; 
} 
</style> 

como se encuentra en - Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar