0

カスタム スクロールバーが iframe に 2 回表示されるという問題があります。スクロールバーは IE では正常に表示されますが、Chrome、Firefox、および Safari では正常に表示されません。

ここでページを見ることができます: http://tenforty.ch/index.php/setlist

iframe に次のコードがあります。

<style>
iframe {
    overflow:hidden;
}
</style>


<iframe scrolling="no" width="690" height="680" frameborder="0"
src="templates/musicband/setlist.html"></iframe>

私のhtmlファイルのコードは次のとおりです。

<style type="text/css" id="page-css">
/* Styles specific to this particular page */
.scroll-pane
{
width: 690px;
height: 680px;
overflow: hidden;
}
</style>

さまざまな幅と高さで試し、100% も試しました。しかし、これを変更するとさらに悪くなります。

ここでは、印刷画面がどのように見えるかを確認できます (Internet Explorer で撮影): http://www.tenforty.ch/scrollbar.jpg

あなたは私を助けることができます？

ありがとう！スウィズ

4

1 に答える 1

0

スクロールバーが 2 つ表示されるのは、iframe 内のリンク先のページ ( http://tenforty.ch/templates/musicband/setlist.html )もスクロールバーを作成しているためです。

$(function() {
    $('.scroll-pane').jScrollPane();
});
于 2013-05-11T10:32:59.957 に答える