Frage an html, iframe, css – Entfernen Sie die Bildlaufleiste aus dem Iframe

87

Verwenden Sie diesen Code

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

So sieht es aus (die Shoutbox auf der Homepage vonhttp://www.talkjesus.com)

Wie entferne ich die horizontale Bildlaufleiste und ändere die CSS der vertikalen Bildlaufleiste?

Vielen Dank.

duplizieren mitstackoverflow.com/questions/4856746/… Welches hat eine bessere Antwort Daniël Tulp

Deine Antwort

10   die antwort
8

Einfach hinzufügenscrolling="no" undseamless="seamless" Attribute zum iframe-Tag. so was:-

<code> 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"
</code>
@NimaRahbar Das Seamless-Attribut ist möglicherweise veraltet, css unterstützt jedoch keine iframe-Parameter. Abandoned Cart
Sie müssen CSS anstelle des Seamless-Attributs verwenden. Nima Rahbar
Das nahtlose Attribut wurdeaus HTML entfernt. neopickaze
16

in deinem CSS:

<code>iframe{
    overflow:hidden;
}
</code>
funktioniert nicht... Andrew
@ LarsVandeDonk Ihre Antwort sollte die richtige Lösung sein. Wong Jia Hau
Danke, aber nur horizontal scrollen und immer noch in Firefox angezeigt. Wird weder in Chrome noch im Internet Explorer angezeigt. Außerdem wird CSS für die Bildlaufleiste nur im Internet Explorer effektiv angewendet, nicht in FF oder Chrome (letztere zeigen standardmäßig beige Farben / Schattierungen an). Faith In Unseen Things
funktioniert nicht:jsfiddle.net/greggman/98ttg9vz gman
8
<code><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>;
</code>

Verwenden Sie das obige div und es wird in keinem Browser eine Bildlaufleiste angezeigt.

seamless Attribut ist ungültig HTML5, wird von den meisten Browsern nicht unterstützt (caniuse.com/#search=seamless) und das meiste andere Styling ist unnötig. Pere
3

Fügen Sie dies in Ihr CSS ein, um nur die horizontale Bildlaufleiste auszublenden

<code>iframe{
    overflow-x:hidden;
}
</code>
23

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

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

aber erwähnenswert - Sie können die verwenden::-webkit-scrollbar Pseudoelement auf deriframe's Elternteil, um diese berühmten Bildlaufleisten der 90er Jahre loszuwerden.

<code>::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
</code>

Bearbeiten: obwohl es istrelativ unterstützt, ::-webkit-scrollbar passt möglicherweise nicht zu allen Browsern. mit vorsicht verwenden :)

Dies ist die einzige Antwort, die mir geholfen hat. Sie können immer noch scrollen, aber die hässliche Bildlaufleiste wird nicht angezeigt. Vielen Dank! Karmidzhanov
231

scrolling="no" Attribut zum iframe.

Genau das hat bei mir funktioniert, in Opera funktioniert genau das ... Hydroper
in der Lage, dies mit CSS zu tun? Evorlor
Ja, aber in Chrome kann scrollIntoView nicht verwendet werden. Sehencode.google.com/p/chromium/issues/detail?id=137214 Peter Brand
Das Scrolling-Attribut auf dem Iframe ist jetzt offiziell veraltet. Stattdessen sollte CSS verwendet werden. Mike Poole
7

Fügen Sie dies in Ihr CSS ein, um beide Bildlaufleisten auszublenden

<code>iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}
</code>
12

scroll="no" undstyle="overflow:hidden" auf iframe hat nicht funktioniert, musste ich hinzufügenstyle="overflow:hidden" Auf den Hauptteil des HTML-Dokuments, das in iframe geladen wurde.

Wenn dies hilft, gibt es ein Problem in Firefox, wenn Sie ein Element CSS habentransform: scale(0.7) Auf diese Weise werden Bildlaufleisten erstellt (die in Ihrem iFrame angezeigt werden), es sei denn, Sie schneiden sie mitoverflow: hidden; auf einem Ahnen (könnte ein Div anstelle von Körper sein). WraithKenny
Tolle Hilfe!!!!! Mike Keskinov
Meinst du geladen in unserer geladenen Umgebung? Was ist um was? João Pimentel Ferreira
Das liegt daran, dass es 'scrolling = no' ist, nicht 'scroll = no'. Bryan Green
wird in <iframe src = "/ test.html"> geladen, in der test.html diese Einstellung hat. nirvana74v
4

auf der hatiframeDies kann daran liegen, dass der Inhalt des Iframes Bildlaufleisten für Elemente enthältunten dashtml Element!

Einige Layouts festgelegthtml undbody auf 100% Höhe und benutze a#wrapper div mitoverflow: auto; (oderscroll) und bewegen Sie dabei den Bildlauf auf die Schaltfläche#wrapper Element.

In einem solchen Fall können die Bildlaufleisten nur angezeigt werden, wenn Sie den Inhalt der anderen Seite bearbeiten.

Verwandte Fragen