Horizontale Bildlaufleiste für einen Iframe ausblenden?

Ich mich verstecken muss die horizontale scollbar auf ein iframe mit css, jquery oder js.

InformationsquelleAutor der Frage nkcmr | 2011-01-31

  1. 26

    set scrolling="no" Attribut im iframe.

    InformationsquelleAutor der Antwort Rahul Dadhich

  2. 14

    Wenn Sie berechtigt sind, ändern Sie den code des Dokumentes in Ihrem iframe und dass der Inhalt sichtbar ist, nur mit der übergeordneten Fensters, fügen Sie einfach den folgenden CSS-Code in Ihre iframe:

    body {
    overflow:hidden;
}

    Hier ein sehr einfaches Beispiel:

    http://jsfiddle.net/u5gLoav9/

    Dieser Lösung können Sie:

    • Halten Sie HTML5 gültig, da Sie nicht brauchen scrolling="no" - Attribut auf die iframe (dieses Attribut in HTML5 veraltet).

    • Funktioniert auf den meisten Browsern mit CSS - overflow:hidden

    • Kein JS oder jQuery notwendig.

    Hinweise:

    Verbieten scroll-Balken horizontal, verwenden Sie dieses CSS anstelle:

    overflow-x: hidden;

    InformationsquelleAutor der Antwort GibboK

  3. 2

    Diese Antwort gilt nur für websites, die die Verwendung von Bootstrap. Responsive einbetten-Funktion der Bootstrap kümmert sich um die Bildlaufleisten.

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

    InformationsquelleAutor der Antwort Razan Paul

Schreibe einen Kommentar