Überschreiben overflow-x-Eigenschaft des CSS auf iOS

Haben wir ein Basis-Stylesheet für eine mobile web-app, wo wir die html und body festgelegt overflow-x:hidden um zu verhindern, dass jede horizontale scrollen.

Jedoch auf 1 Seite, haben wir einen iframe, der öffnet externen Websites, von denen einige nicht unbedingt Mobil optimiert, so wollen wir ermöglichen, horizontal zu scrollen.

Dachte ich, ich könnte einfach überschreiben, das overflow-x:hidden mit overflow-x:auto !wichtig, aber es funktioniert nicht. Der einzige Weg, ich kann damit es funktioniert ist, entfernen Sie alle Vorstellung von overflow-x, und das scrollen funktioniert einwandfrei. Es funktioniert auch wie erwartet in Safari + Chrome.

Irgendwelche Ideen?

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\">
  <head>
    <meta http-equiv='Content-Type' content='text/html;charset=utf-8'/>         
    <meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

    <style>

      /* Styles from existing style sheet */
      html, body {
        position:relative;
        height:100%;
        width:100%;
        padding:0;
        margin:0;
        overflow-x:hidden;
      }

      /* Overrides */
      html, body{
        width:auto !important;
        height:auto !important;
        overflow-x:auto !important;
      }

    </style>
  </head>
  <body>
    <iframe src="http://starbucks.com"></iframe>
  </body>
</html>

InformationsquelleAutor Brian Stoner | 2011-03-02

  1. 1

    Versucht overflow-x: visible; statt? Auch ich glaube nicht, dass die !importants notwendig sind.

    süß, sichtbar funktioniert, danke. Ich verstehe immer noch nicht warum das auto nicht funktioniert wenn. Werde ich entfernen !wichtig ist, Sie schlich sich in aus Frust.
    Stoner: sichtbar ist der Standardwert für overflow und seine monoaxialschraubendrehers (monoaxial Kollegen. Es bedeutet, dass der Inhalt wird sichtbar überlauf des Behälters. Auto auf der anderen Seite bewirkt, dass scrollbars angezeigt werden, wenn es einen überlauf. Im Mobilen Safari gibt es keine Vorstellung von Scrollbalken, obwohl, so ist das das problem.
    ah, das macht Sinn. Danke für die Antworten, sehr geschätzt.

    InformationsquelleAutor BoltClock

Schreibe einen Kommentar