2016-07-25 12 views
2

Google Chrome oder Chromium (neueste/stabile Version).Warum iframe seine Bildlaufleiste nicht versteckt?

enter image description here

enter image description here

Wenn ich einen Iframe haben mit folgenden

<style> 
iframe{ 
    overflow:hidden; 
} 
iframe::-webkit-scrollbar { 
    display: none; 
} 
</style> 

<iframe 
    src="images/tion.pdf#scrollbar=0&scrolling=0&page=1&zoom=50&scrollbar=0&toolbar=0&navpanes=0" 
    width="410px" 
    height="570px" 
    id='myiframe' 
    style='border:none;' 
    scrolling="no"></iframe> 

Es scheint, wie es unmöglich ist, die Bildlaufleiste horizontal oder vertikal zu verstecken, wenn die PDF-Datei mehr als 1 enthält, Seite?

Ich habe alle verwandten Antworten von Stackoverflow versucht, aber keiner von ihnen löst es.

Aber wenn ich den gleichen Code in OSX mit Google Chrome oder OSX oder unter Linux verwenden, funktioniert es. Es funktioniert nicht, wenn ich Windows und Google Chrome/Chromium verwende.

Ist das unbekannt verpasst BUG oder iframe wurde so für Windows entworfen, wenn es eine PDF gibt, kann man die Scrollbar nicht entfernen?

+1

hinzufügen 'Überlauf: hidden' zu Stil des inneren Dokument, nicht die iframe –

+1

' iframe: : -webkit-scrollbar ist das ein gültiger CSS-Selektor? –

+0

JA - https://css-tricks.com/custom-scrollbars-in-webkit/ – YumYumYum

Antwort

1

Versuchen Sie, wie diese Breite und Höhe einzustellen:

<iframe name="right_side" src="" width="50%" height="50%" ></iframe> 

hoffe, es wird Ihnen helfen!

0

Der Tag, der innerhalb des iframe ist überfüllt, fügen Sie CSS {overflow: hidden} zu diesem tag.It funktionieren könnte

Verwandte Themen