anzeigen iframe scrollbar auf der linken Seite in Firefox und Chrome

Ich habe mein Stück Code unter:anzeigen iframe scrollbar auf der linken Seite in Firefox und Chrome

<!DOCTYPE html> 
<html> 
<body> 
    <div id="parentDiv" style="border:1px solid blue;" dir="rtl"> 
    <iframe src="http://www.w3schools.com" height="500" width="700"> 
    <p>Your browser does not support iframes.</p> 
    </iframe> 
    </div> 
</body> 
</html>

Wenn ich diesen Code in Firefox oder Chrome laufen, konnte ich nicht die iframe scrollbar auf der linken Seite sehen, wie Es bleibt immer auf der rechten Seite des Iframes. Aber in IE funktioniert es perfekt.

Ich würde gerne wissen, ob es eine CSS oder JS Lösung dafür gibt.

Quelle

2016-05-17 TheGaME

http://stackoverflow.com/questions/7347532/how-to-position-a-div-scrollbar-on-the-left-hand-side –

@ Rachel..my Frage war für iFrame und nicht ein div innerhalb eines div. Ich habe versucht, das CSS, das in dem Link, den Sie angegeben haben, erwähnt, leider hat keiner von ihnen für mich gearbeitet. – TheGaME

Et voila! ein scrollbaren iframe mit der Rolle auf der linken Seite

Hier ist eine Geige https://jsfiddle.net/RachGal/s3z17cLw/

$(".main").wrap("<div class='scroll'></div>");

div.main { 
 
    height:150px!important; 
 
    float:left; 
 
    direction: ltr; 
 
    
 
} 
 
.scroll { 
 
     unicode-bidi:bidi-override; 
 
     direction: rtl; 
 
     overflow-y: scroll; 
 
     overflow-x:hidden; 
 
} 
 
.inside{ 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="main" ><iframe class="inside" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3309.3312622412445!2d-83.37737678492407!3d33.958324180631536!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88f66cdecc8d0783%3A0x4f152e9d93fa5d6!2s170+College+Ave%2C+Athens%2C+GA+30601%2C+USA!5e0!3m2!1sen!2sie!4v1464026910465" height="300" frameborder="0" style="border:0"> 
 
</iframe> 
 
</div>

Quelle

2016-05-23 18:47:59

Jetzt wissen Sie, wo REM's Büro ist, falls Sie jemals nach Athen, Georgia gehen;) –

Grundsätzlich können wir die Iframe Scrollbar auf der linken Seite in Chrom nicht zeigen, wenn die HTML-dir-Tag hält der "rtl" -Wert. Ich habe gerade die Antwort in diesem link gefunden.

Für Firefox ist es das gleiche wie Chrome-Browser und die Antwort liegt in diesem link.

Quelle

2016-06-28 16:45:18 TheGaME

anzeigen iframe scrollbar auf der linken Seite in Firefox und Chrome

Antwort

Verwandte Themen