2016-03-22 7 views
0

ich eine absolut schreckliche webform haben, die in das folgende macht:Kraft iframe blättern

Körper -> Form -> Tisch -> Tausende von divs -> iframe -> Körper -> Tausende von divs -> iframe - > body -> Tabelle

Irgendwann finde ich die Tabelle, die die tatsächlichen Daten enthält, der Benutzer verkleinert seine Ansicht und die Daten können nicht gesehen werden, so dass es eine Bildlaufleiste geben muss. Ich habe Überlauf angewendet: auto, width: 100%, height: 100% auf viele Elemente, aber nie die richtige Bildlaufleiste zu sehen. Anfangs rendert die Seite mit einigen der übergeordneten Elemente, die einen Überlauf haben: versteckt, aber nachdem ich sie geändert habe, während ich die Seite betrachtete, passierte nichts. Gibt es eine Möglichkeit, die Bildlaufleiste zu erzwingen?

Antwort

1

Bitte versuchen Sie dies:

<iframe src="p" width="300" height="500" scrolling="yes"> 
</iframe> 

ODER

innerhalb einer festen Höhe div Setzen Sie Ihre iframe und setzen CSS-Eigenschaft als Scroll-y: auto.

<div class="iframe_container"> 
<iframe></iframe> 
</div> 

div.iframe_container{height:500px;scroll-y:auto} 
+2

Satya du meinst Überlauf-y: auto? noch nie gehört diese scroll-y-Eigenschaft –

+0

Bitte überprüfen Sie diesen Link: http://www.w3schools.com/cssref/playit.asp?filename=playcss_overflow-y&preval=auto – satya

0

versuchen alternative Verwendung scroller https://jamesflorentino.github.io/nanoScrollerJS/

oder es mit CSS machen zurückgesetzt http://meyerweb.com/eric/tools/css/reset/

oder Universal-Reset in Start Ihrer CSS-Stil:

* { 
    vertical-align: baseline; 
    font-weight: inherit; 
    font-family: inherit; 
    font-style: inherit; 
    font-size: 100%; 
    border: 0 none; 
    outline: 0; 
    padding: 0; 
    margin: 0; 
    } 

dann sehen, was Tag macht schrecklich

oder ju st Verwenden firebug und im laufenden Betrieb finden und reparieren awfl Inhalt/Tag.

+1

p.s. Vergessen Sie nicht zu bedenken, dass jeder Iframe individuelle CSS lädt !!! –