0

Web サイトで使用している iframe に小さな問題があります。何らかの理由で、iframe の下部に水平スクロール バーを表示しないようにすることはできません。

これが私のコードです：

<center>
   <iframe height="1330" width="100%" src="http://SentinelGaming.spreadshirt.com/" name="Spreadshop" itemscope itemtype="http://www.sentinelgaming.net/store" id="spreadshop" frameborder="0" scrollbar="no" ></iframe>
</center>

<style>
#spreadshop {
overflow-x: hidden;
}
</style>

私が話していることを確認できるページは次のとおりです: http://www.sentinelgaming.net/store

4

1 に答える 1

0

つまり、iframe のオーバーフローを隠すことはできないと考えています。主な理由はセキュリティだと思います。アイデアは、ロードされたソースの一部を非表示にできないようにすることです。

オーバーフロー プロパティがどのように無視されるかを示す小さな例を作成しました。

<iframe src="http://cnn.com"></iframe">

iframe {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

上記の例では、iframe に垂直スクロール バーと水平スクロール バーの両方を追加しますが、追加しないように明示的に指示しています。

考えられる回避策:

考えられる回避策は、AJAX を介してコンテンツをロードし、そのコンテンツを div に追加し、その div にオーバーフロー プロパティを設定することです。

ユーザーが JavaScript を有効にする必要がありますが、これが解決策に最も近いと思います。

于 2013-02-10T22:40:20.873 に答える