Pregunta Eliminar barra de desplazamiento de iframe


Usando este código

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

Así es como aparece (el shoutbox en la página principal de http://www.talkjesus.com)

¿Cómo elimino la barra de desplazamiento horizontal y modifico el CSS de la barra de desplazamiento vertical?

Gracias.


75
2018-04-10 01:47


origen


Respuestas:


en tu css:

iframe{
    overflow:hidden;
}

13
2018-04-10 02:01



Añadir scrolling="no" atribuir al iframe.


202
2018-01-20 02:04



Esto funciona en todos los navegadores. jsfiddle aquí http://jsfiddle.net/zvhysct7/1/

<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

19
2018-02-24 05:09



Añadiendo scroll="no" y style="overflow:hidden" en iframe no funcionó, tuve que agregar style="overflow:hidden" en el cuerpo del documento html cargado dentro del iframe.


10
2017-07-17 19:19



<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;

Usa el div anterior y no mostrará la barra de desplazamiento en ningún navegador.


8
2017-09-25 06:17



Solo agrega scrolling="no" y seamless="seamless" atributos a la etiqueta iframe Me gusta esto:-

 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

8
2018-06-06 16:23



Agregue esto en su CSS para ocultar ambas barras de desplazamiento

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}

6
2017-09-09 05:09



Si alguien aquí tiene un problema con la desactivación de las barras de desplazamiento en el iframe, podría ser porque el contenido del iframe tiene barras de desplazamiento en los elementos abajo el html ¡elemento!

Algunos diseños establecidos html y body al 100% de altura, y usa un #wrapper div con overflow: auto; (o scroll), moviendo así el desplazamiento hacia #wrapper elemento.

En tal caso, nada de lo que haga impedirá que aparezcan las barras de desplazamiento, excepto la edición del contenido de la otra página.


4
2017-10-18 21:00