web-dev-qa-db-ja.com

iframeのスクロールバーを削除するには？

Iframeのscrllbarを削除する方法？ Firefoxでは簡単ですが、この効果を達成して主要なすべてのブラウザーと互換性を持たせることはできません。

javascripthtmlcssiframecross-browser
16
Paul

CSS

iframe {
   overflow: hidden;
}

および/または Coin_opの答え を使用します。

16
alex

CSSテクニックがうまくいかない場合は、iframe HTMLタグにプロパティscrolling="no"を追加してみてください。

<iframe scrolling="no" src="..." >
41
Coin_op

alexの答えに加えて、FFとChromeの両方から水平ツールバーを削除するために、次のものも追加する必要がありました。これは、CSSにも追加できるはずですが、iフレームページに追加されました。

    <style>
        iframe::-webkit-scrollbar {  
        display: none;
    }  
    </style>
5
Aris
<iframe runat="server" id="_theFrame"  src="url" width="100%" scrolling="no" height="200" frameborder="0" allowtransparency="true" marginwidth="0" marginheight="0" style="display: block; background: none repeat scroll 0% 0% transparent; width: 100%;" />
0
DjZia Prodigal Son