自定义滚动条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％。但是改变它时看起来更糟糕。

在这里你可以看到一个printcreen看起来如何（在Internet Explorer中拍摄）： http://www.tenforty.ch/scrollbar.jpg

你可以帮帮我吗？

谢谢！ Swiz会

Answer 1

您获得两个滚动条的原因是您在iframe（http://tenforty.ch/templates/musicband/setlist.html）中链接到的网页还创建滚动条：

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