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

Question

我在自定义滚动条出现两次iframe时出现问题。 在IE浏览器中滚动条看起来不错，但在Chrome，Firefox和Safari浏览器中看不到。

在这里，你可以看看页面： ​​

我在我的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％。但改变这一点看起来更糟糕。

在这里你可以看到一个PRINTSCREEN怎么看前人的精力像（摄于Internet Explorer）中： http://www.tenforty.ch/scrollbar.jpg

你能帮助我吗？

谢谢！ Swiz会

Answer 1

的原因，你得到两个滚动条是因为你在iframe链接到页面（http://tenforty.ch/templates/musicband/setlist.html）是也创建一个滚动条：

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