Frage Entfernen Sie die Bildlaufleiste von iframe


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.


75
2018-04-10 01:47


Ursprung


Antworten:


in deinem css:

iframe{
    overflow:hidden;
}

13
2018-04-10 02:01



Hinzufügen scrolling="no" Attribut zum Iframe.


202
2018-01-20 02:04



Dies funktioniert in allen Browsern. hier spielen 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



Hinzufügen scroll="no" und style="overflow:hidden" auf Iframe hat nicht funktioniert, musste ich hinzufügen style="overflow:hidden" auf Körper des html Dokuments, das innerhalb iframe geladen wird.


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

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


8
2017-09-25 06:17



Einfach hinzufügen scrolling="no" und seamless="seamless" Attribute zum iframe-Tag. so was:-

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

8
2018-06-06 16:23



Fügen Sie dies in Ihre CSS-Datei ein, um beide Bildlaufleisten auszublenden

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

6
2017-09-09 05:09



Wenn hier jemand Probleme beim Deaktivieren der Bildlaufleisten hat, iframeEs könnte sein, dass der Inhalt des Iframes Bildlaufleisten für Elemente enthält unten das html Element!

Einige Layouts festgelegt html und body auf 100% Höhe, und verwenden Sie a #wrapper div mit overflow: auto; (oder scroll), wodurch das Scrollen zum #wrapper Element.

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


4
2017-10-18 21:00



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

iframe{
    overflow-x:hidden;
}

3
2017-09-25 06:26



Dies ist ein letzter Ausweg, aber erwähnenswert - du kannst den ... benutzen ::-webkit-scrollbar Pseudo-Element auf der iframeEltern, um diese berühmten 90er Scrollbars loszuwerden.

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

Bearbeiten: obwohl es ist relativ unterstützt, ::-webkit-scrollbar möglicherweise nicht für alle Browser geeignet. Verwenden Sie mit Vorsicht :)


2
2018-06-06 22:53