Warum Chrome nicht angezeigt CSS ::-webkit-scrollbar scrollbar für iframe?

Warum Chrome nicht zeigen, CSS ::-webkit-scrollbar scrollbar für iframe?

Demo http://jsfiddle.net/laukstein/C9s3P/

<iframe scrolling="yes" style="overflow-x:hidden; overflow-y:scroll; width:150px; height:50px;" src="http://en.wikipedia.org/wiki/Web_browser"></iframe>

CSS

::-webkit-scrollbar{
    width:0.8em;
    height:0.8em;
    background-color:#fff;
}
::-webkit-scrollbar:hover{
    background-color:#eee;
}
::-webkit-resizer{
    -webkit-border-radius:4px;
    background-color:#666;
}
::-webkit-scrollbar-thumb{
    min-height:0.8em;
    min-width:0.8em;
    -webkit-border-radius:4px;
    background-color: #ddd;
}
::-webkit-scrollbar-thumb:hover{
    background-color: #bbb;
}
::-webkit-scrollbar-thumb:active{
    background-color:#888;
}
Genial! Arbeitete wie ein Charme auf chrome
WebKit-scrollbars sind nicht CSS3 und haben noch nie ein Teil von CSS3.
sind Sie richtig. Es ist browser-vendor-spezifischen CSS, wie Webkit -webkit-mask etc. Ich umschreiben, CSS3-Tags mit CSS.

InformationsquelleAutor Binyamin | 2010-10-19

  1. 3

    Offenbar aufgrund der Ergebnisse von http://browsershots.org die CSS-implementation unterscheidet sich zwischen den Versionen von Chrome 5 & 6+. Wenn Ihr test-Bildschirm angezeigt wird es wie folgt angezeigt wird...

    Veränderungen im Verhalten

    Nur einige Allgemeine Informationen über Veränderungen im Verhalten von stylable scroll-Balken.

    Chrome 5.0.x - iFrame-shows mit scrollbars

    Warum Chrome nicht angezeigt CSS ::-webkit-scrollbar scrollbar für iframe?

    Chrome 6.0.x+ - zeigt ohne scrollbars

    Warum Chrome nicht angezeigt CSS ::-webkit-scrollbar scrollbar für iframe?

    ganze Reihe von Testergebnissen @ http://browsershots.org/http://jsfiddle.net/laukstein/C9s3P/embedded/result/)

    Update

    Offenbar die offizielle Styling Scrollbars Seite nicht sagen, es arbeitet mit iFrames, obwohl an einer Stelle (Chrom-5) es hat wie oben zu sehen. Das Verhalten ist anders seit dem 6.

    Geschrieben von Dave
    Hyatt on Donnerstag, März 19th, 2009 at
    2:19 pm

    WebKit unterstützt nun das styling von
    die scrollbars überlauf Abschnitte,
    Listenfelder, dropdown-Menüs und
    Texteingabefelder. Für diejenigen, die wollen, um zu überspringen
    die Artikel und gehen Sie einfach rechts auf den
    Quelle, hier ist ein Beispiel [...]

    Einen Kommentar auf derselben Seite sagt:

    Schade, dass es nicht Stil windows
    Bildlaufleisten.

    Einen iFrame verwendet in der Regel Windows-scrollbars.

    Eine Möglichkeit ist die Chrome-Implementierung der iFrames oder Bildlaufleisten geändert zwischen v5, v6, entweder von nicht-standard-Bildlaufleiste, um einen reinen Windows-scrollbar, oder von einem "gefaked" div, iFrame unter der Haube (oder etwas ähnliches) zu einem wahren Fenster für den iFrame, da der browser hat sich auf der Windows-Plattform.

    So gibt es einige CSS-oder JS Problem für spätere Versionen von Chrome?
    Ich fügte hinzu, ein update auf die unten meine Antwort basiert auf der Tatsache, dass es keine Arbeit in meinem neuesten version von Chrome in einem iFrame, und anscheinend ist es noch nicht, da v6, obwohl v5 Tat umzusetzen.

    InformationsquelleAutor John K

  2. 2

    Es scheint sein das arbeiten auf Chrome 14.

    InformationsquelleAutor Binyamin

  3. 0

    Funktioniert für mich. Vielleicht überprüfen Sie Ihre version von Chrome? (Im mit 8.0.552.231)

    InformationsquelleAutor Flowpoke

Schreibe einen Kommentar