Stop Iframe aus verhindert das scrollen des übergeordneten Dokuments?

Ich scheine das gegenteilige problem von allen anderen mit iframes und scrollen. Ich muss die iframe (enthält ein youtube-video) NICHT verhindern soll, dass das scrollen der wichtigsten Dokument. Wenn ich schweben meine Maus über Sie, die Seite nicht scrollen Sie mit dem scroll-Rad, und nach den neuesten chrome canary simulation von touch-Geräten, ich kann nicht meine finger auf den Rahmen, und drehen Sie das Haupt-Dokument. Jeder Weg, dies zu stoppen? Meine CSS liegt unter:

.GalleryVideoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
width:95%;
margin:auto;
display:block;
 }

.GalleryVideoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
 }

InformationsquelleAutor photocode | 2014-11-23

  1. 3

    Hatte ich horizontale-scrolling deaktiviert so:

    html, body {
    overflow-x: hidden
}

    Auf einer Seite mit einem iframe, wenn ich versuchte, die Seite scrollen vertikal durch berühren und verschieben der iframe unter Safari für iPad oder iPhone, ich konnte es nicht.

    Diese Feste für mich:

    * {
    -webkit-overflow-scrolling: touch
}

    InformationsquelleAutor F. Santiago

  2. 1

    Es verwendet werden, um eine scrolling-Attribut, aber es ist obsolet in html5. versuchen Sie dies:

    iframe {
    overflow: hidden;
}

    Vergessen Sie nicht, Ihre Breite und Höhe irgendwo!

    Wenn Sie wollten, um zu versuchen, den iframe scrolling-Attribut, die Sie mögen könnten:

    <iframe src="blah.html" width="200" height="200" scrolling="no"></iframe>

    Siehe Beispiel hier:
    http://jsfiddle.net/4dt4zhwt/1/

    Es versucht, den simulator nicht arbeiten soll 🙁
    Ich kann das scroll-Rad funktioniert mit chrome unter Linux und Windows. Dies könnte ein firefox-bug.
    Sind Sie noch zu sehen, eine scrollbar? versuchen Sie, die Höhe etwas größer.
    IE und opera sind no-go 🙁
    sorry, Sie haben Probleme. das funktioniert in ie, firefox und chrome für mich. Auf OSX und Windows. Viel Glück.

    InformationsquelleAutor superUntitled

  3. 1

    Ich weiß nicht, ob Sie einen Weg gefunden haben, um dieses, aber ich hatte das gleiche problem, wo alle iframes (twitter, facebook und youtube) in meiner Website war die Verhinderung der Seite, die sich von Blättern. Nach viel Fehlersuche und Kaffee, fand ich es, in meinem Fall zumindest, Es war unten, um ein overflow-x: hidden versteckte ich hatte auf ein form-element 4/5 Eltern an. Entfernen Sie die overflow-Eigenschaft behoben das Problem für mich, Hoffe, es funktioniert für Sie!

    Ich habe nur dieses problem auf iPhone/iPad Safari", und dieses arbeitete für mich! Ich habe html,body { overflow-x: hidden }, weil ich versteckte Inhalte vom Bildschirm und nicht möchten, dass Benutzer, um es zu sehen. Mein iFrame nicht erlauben, das touchmove-Ereignis, um die Seite scrollen, es sei denn, ich Entferne das style! Ich werde versuchen, von hier aus gehen. Dank

    InformationsquelleAutor David Gebbett

Schreibe einen Kommentar