自定义滚动条jScrollPane在iframe中出现两次

Question

我有一个自定义滚动条在iframe中出现两次的问题。滚动条在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

你能帮我吗?

谢谢!诈取

Answer 1

得到两个滚动条的原因是您在iframe (http://tenforty.ch/templates/musicband/setlist.html)中链接到的页面也创建了一个滚动条:

$(function() {
    $('.scroll-pane').jScrollPane();
});