javascript - 自定义滚动条 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();
});