2016-03-29 18 views
1

iframeがスクロール可能なiframeがありますが、iframeが本体の内側にあり、2つの垂直スライドバーがあるため、iframe 1を非表示にしたいと思います。何のスクロールバーがないのでコンテンツがスクロール可能な間にスクロールバーを非表示にするにはどうすればよいですか?

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

、私はしたいと思います:

  1. は、モバイル/タブレット上でスクロールすることができ、マウスのホイールでスクロールすることができますバーの間を非表示にすることができますどのよう

JS/Jqueryを使用してスクロール機能を維持しますか?おかげで多く

+0

http://stackoverflow.com/questions/9639649/jquery-window-scroll-eventの重複。唯一の違いは、ウィンドウ全体ではなくiframeを使用することです。 :-) PS:スクロールバーはiframeのためのオプションです。これを見てください:http://stackoverflow.com/questions/16670931/hide-scroll-bar-but-still-being-able-to-scroll –

+0

可能な複製[iframeの水平スクロールバーを非表示にする](http://stackoverflow.com/questions/4856746/hide-horizo​​ntal-scrollbar-on-an-iframe) – mmativ

答えて

0

これは同じ質問からの答えです。

.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

がテストされ、スクロール= "no"シームレス= "シームレス"とスクロールバーはまだ残っています。その後、オーバーフローを追加しました:iframeコンテンツ内のhtmlに隠されていて、スクロールバーを削除しましたが、スクロール可能ではありません – user782104

関連する問題