2016-03-29 5 views
1

Es gibt einen Iframe, wo der Inhalt in ihm scrollbar ist, aber da der Iframe innerhalb des Körpers ist und es zwei vertikale Schieberegler gibt, möchte ich den Iframe ausblenden.Wie blende ich die Bildlaufleiste aus, während der Inhalt gescrollt werden kann?

<iframe id="pillar_frame" src="/hongkong/pick_a_class/main" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe> 

Da es keine Scrollbar ist, möchte ich mag:

  1. mit dem Mausrad scrollen
  2. auf Handy/Tablet scrollen

Wie die Bar während verstecken Pflegen Sie die Scroll-Funktion mit JS/Jquery Zeug? Vielen Dank

+0

Duplizieren von http://stackoverflow.com/questions/9639649/jquery-window-scroll-event. Der einzige Unterschied besteht darin, dass Sie den iframe anstelle des gesamten Fensters verwenden. :-) PS: Bildlaufleisten sind nur eine optionale Option für iframes. Siehe: http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-beingable-to-scroll –

+0

Mögliches Duplikat von [Horizontale Bildlaufleiste auf einem Iframe ausblenden?] (Http://stackoverflow.com/questions/4856746/hide-horizontal-scrollbar-on-an-iframe) – mmativ

Antwort

0

Dies ist die Antwort von derselben Frage.

.foo { 
 
    width: 200px; 
 
    height: 200px; 
 
    overflow-y: hidden; 
 
}
<iframe src="http://www.google.com" 
 
     class="foo" 
 
     id="pillar_frame" 
 
     scrolling="no" 
 
     seamless="seamless"> 
 
</iframe>

+0

getestet, füge den scrolling = "no" seamlet = "seamless" und hinzu Die Bildlaufleiste ist noch vorhanden, danach habe ich den Überlauf hinzugefügt: versteckt im html innerhalb des Iframe-Inhalts entfernt die Bildlaufleiste, aber nicht scrollbar – user782104

Verwandte Themen