html - beispiel - iframe size



Entfernen Sie die Bildlaufleiste von iframe (7)

Das Hinzufügen von scroll="no" und style="overflow:hidden" auf iframe hat nicht funktioniert, ich musste style="overflow:hidden" auf body von html document loaded in iframe hinzufügen.

Mit diesem Code

<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>

So erscheint es (die Shoutbox auf der Homepage von http://www.talkjesus.com )

Wie entferne ich die horizontale Bildlaufleiste und modifiziere die CSS der vertikalen Bildlaufleiste?

Vielen Dank.


Answer #1

Dies funktioniert in allen Browsern. jsfiddle hier http://jsfiddle.net/zvhysct7/1/

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

Answer #2

Fügen Sie scrolling="no" und seamless="seamless" Attribute dem iframe-Tag hinzu. so was:-

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

Answer #3

Fügen Sie dem Iframe das Attribut scrolling="no" .


Answer #4

Fügen Sie dies in Ihrem CSS hinzu, um nur die horizontale Bildlaufleiste auszublenden

iframe{
    overflow-x:hidden;
}

Answer #5

Wenn jemand hier ein Problem mit dem Deaktivieren von Bildlaufleisten auf dem iframe , könnte das daran liegen, dass der Inhalt des Iframes Bildlaufleisten auf Elementen unterhalb des html Elements hat!

Einige Layouts setzen html und body auf 100% Höhe und verwenden ein #wrapper div mit overflow: auto; (oder scroll ), wodurch der Bildlauf zum #wrapper Element #wrapper .

In einem solchen Fall verhindert nichts, was Sie tun, das Anzeigen der Bildlaufleisten außer dem Bearbeiten des Inhalts der anderen Seite.


Answer #6
<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>;

Verwenden Sie das obige div und es wird keine Bildlaufleiste in einem Browser angezeigt.





iframe