自定義滾動條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(); 
});