9

私はiframeを持っています。

iframeのコンテンツの幅に関係なく、垂直スクロールバーのみが表示されるようにするには、クロスブラウザーソリューションが必要です。

私のソリューションはすでにjQueryに依存しているので、CSSだけではこれが不可能な場合は、jQueryソリューションを利用できます。

これどうやってするの？

4

4 に答える 4

11

次の CSS コードを使用して、iframe または任意の要素のスクロールバーを調整できます。

iframe{ width:500px; height: 500px; overflow-x: hidden; overflow-y: scroll }
于 2012-06-15T20:32:48.093 に答える
6

iframe に垂直スクロールバーのみを表示するには、iframe の幅を iframe 内のページの幅よりも大きく指定します。

<iframe src="#" width="--" height="250">
  <p>Your browser does not support iframes.</p>
</iframe>

またはこれを試してください：

<style>
    #scroll-box {
        background:#e6e6e6;
        width:150px;
        height: 150px;
        padding:15px;
        overflow-y: scroll
    }
</style>

<iframe id="scroll-box">
    <h3>Lorem ipsum dolor sit amet</h3>     
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>
</iframe>
于 2011-04-07T21:17:03.280 に答える
2

ネスティング中...

内<div>でロードされているページに を配置する<iframe>と、スクロールを制御できます。

<iframe  scrolling="no" height="400" width="600" >
<div id="addcontent" style='width:600px;overflow-y:scroll;overflow-x:hidden;height:400px;position:relative;top:0px;left:0px;'>
</div>
</iframe>
于 2013-09-15T05:16:21.627 に答える