Überlauf versteckt, aber immer noch in der Lage, um zu Blättern (nur Chrome)

Ich habe ein sehr seltsames CSS "bug".

Zur Zeit arbeite ich an einem regler etwas (Folien form-Elemente auf Ihnen). Wenn ich auf & ziehen, (nach rechts horizontal scrollen) auf ein Etikett auf der Folie werden dann die container Schriftrollen und die nächste Folie kommt, sichtbar ist, während die Eigenschaft overflow: hidden; ist auf den container.

Fand ich heraus, dass die overflow-Eigenschaft funktioniert normal, wenn es KEINE label tag präsentieren.

Wer hat eine Lösung dafür? Ich habe versucht, eine Menge von CSS-Zeug, aber kein Erfolg.
Ich neu die Fehler in JsFiddle hier: clicky

Update

  • Der click & drag bug, was erscheint nur in Chrome. (Getestet habe ich IE und FF)
  • Plus, es ist NICHT über die Bildlaufleiste des ul list mit der labels, aber über die Tatsache, dass können Sie auf eine label und drag es nach rechts zu scrollen, um die nächste Folie.
InformationsquelleAutor Sven van Zoelen | 2012-10-12
  1. 9

    Dies ist ein bekannter bug in Chromium (Google chrome basiert auf dieser) siehe: http://code.google.com/p/chromium/issues/detail?id=116655

    Weil sowohl Safari und Chrome angezeigt, um zu zeigen, das Problem, das ich wage eine Vermutung, dass dieser bug ist allgemein für alle webkit basierten Browsern.

    Leider gab es keine Antwort von der Chromium-Entwicklung. Ich schlage vor, Sie Stimmen für dieses Problem auf den bereitgestellten link, um zu helfen, sehen Sie es behoben in zukünftigen Revisionen.

    • Ah ok, das ist komisch, krank haben Sie einen weiteren Blick.
    • Ich fand den Fehler gemeldet, dass das Chrom Problem melden
    • Thx für die Aufklärung dieser aus! Ich von Ihnen positiv bewertet werden die Frage nicht mehr, dass ich jetzt tun können.
    InformationsquelleAutor George Reith
  2. 2

    Hier ist ein workaround mit jQuery.

    $(your_slider).scroll(function(){
    if($(this).scrollTop() != 0 ){
        $(this).scrollTop(0)
    }
});

    Wenn Sie horizontal scrollen, dann ersetzen Sie scrollTop mit scrollLeft

    InformationsquelleAutor James Fair
  3. 2

    wenn Sie ändern "überlauf" von HTML-element auf 'hidden' es hält es aus Blättern.
    Das problem ist nur mit "mousemove" - Veranstaltung. Wenn Sie deaktivieren scrollen (overflow=hidden) Maus nach unten, wird es funktionieren. Wenn Sie es tun, auf der Maus zu bewegen (z.B. zum verschieben) funktioniert es nicht.
    So sollten Sie deaktivieren Blättern von 'onmousemove' zu 'onmousedown'.

    InformationsquelleAutor Jan
Schreibe einen Kommentar