html - eliminar - remove scroll bars in iframe

¿Oculta la barra de desplazamiento horizontal en un iframe?

Question

Necesito ocultar el scollbar horizontal en un iframe usando css, jquery o js.

Answer 1

Esta respuesta solo se aplica a los sitios web que usan Bootstrap. La función de inserción receptiva de Bootstrap se ocupa de las barras de desplazamiento.

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="http://www.youtube.com/embed/WsFWhL4Y84Y"></iframe>
</div>

jsfiddle: http://jsfiddle.net/00qggsjj/2/

http://getbootstrap.com/components/#responsive-embed

Answer 2

Si se le permite cambiar el código del documento dentro de su iframe y ese contenido es visible solo mediante su ventana principal, simplemente agregue el siguiente CSS en su iframe :

body {
overflow:hidden;
}

Aquí un ejemplo muy simple:

http://jsfiddle.net/u5gLoav9/

Esta solución te permite:

• Mantenga su HTML5 válido ya que no necesita el atributo scrolling="no" en el iframe (este atributo en HTML5 ha quedado en desuso).

• Funciona en la mayoría de los navegadores que utilizan CSS overflow:hidden

• No es necesario JS o jQuery.

Notas:

Para deshabilitar las barras de desplazamiento horizontalmente, utilice este CSS en su lugar:

overflow-x: hidden;

Answer 3

Sugeriría hacer esto con una combinación de

1. overflow-y: hidden; CSS overflow-y: hidden;
2. scrolling="no" (para HTML4)
3. y seamless="seamless" (para HTML5) *

^{* El atributo seamless se ha eliminado del estándar y ningún navegador lo admite.}

.foo {
width: 200px;
height: 200px;
overflow-y: hidden;
}

<iframe src="https://bing.com"
class="foo"
scrolling="no" >
</iframe>

Answer 4

establecer el scrolling="no" atributo en su iframe.