Пользовательская полоса прокрутки 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%. Но при этом это выглядит еще хуже.

Здесь вы можете увидеть PrintScreen как sould выглядеть (взято в Internet Explorer): http://www.tenforty.ch/scrollbar.jpg

Можете ли вы мне помочь?

Спасибо! мошенничества

Answer 1

Причины вы получаете две полосы прокрутки, потому что страница, которую вы ссылка в IFRAME (http://tenforty.ch/templates/musicband/setlist.html) является также создания скроллбара:

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