自定义滚动条jScrollPane在iframe中出现两次
Custom scrollbar jScrollPane appears twice in iframe
我有一个自定义滚动条在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
你能帮我吗?
谢谢!诈取
得到两个滚动条的原因是您在iframe (http://tenforty.ch/templates/musicband/setlist.html)中链接到的页面也创建了一个滚动条:
$(function() {
$('.scroll-pane').jScrollPane();
});
相关文章:
- Meteor Router数据函数被调用两次
- 从MySQL数据库中获取输入数据需要两次页面刷新
- Module.start()已激发两次
- Jquery点击事件必须点击两次
- Append元素在运行两次函数后不显示
- 防止双击执行两次jQuery post请求
- 我必须点击两次才能激活任何按钮操作(离子/角度)
- 单击jQuery会激发两次
- 如何避免在树上走两次
- button.单击两次删除附加操作后不工作
- 由于$compile,Javascript(Angular)嵌套指令加载了两次
- 单击元素两次后执行操作
- AngularJs正在阻止链接被点击两次
- 为什么我的路线处理程序会触发两次
- 为什么Highchart在我的rails应用程序中加载了两次?(未捕获的Highcharts错误#16)
- 在列表中至少使用两次随机生成的nr
- 检查某个键是否按下两次
- 一次点击,两次'单击'事件已启动
- 我的所有代码在使用Webpack编译时都会运行两次
- 自定义滚动条jScrollPane在iframe中出现两次