我真的需要这个帮助。我想用“完美滚动条”替换我的iframe上的默认滚动条。我已经下载了完美滚动条。我也已经将所需的文件包含到我的html文档中。根据文档,我在我的iframe内设置了内容容器的样式。结果是,当我加载我的主页并在iframe上移动鼠标光标时,出现了“perfect-scrollbar”,但是默认的滚动条仍然存在。下一个问题是,新的滚动条根本不起作用。它从iframe内容的顶部开始,在iframe内容的底部结束,所以我不能滚动它。
我的iframe内容页面的HTML:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="all" href="../css/iframestyle.css" />
<link rel="stylesheet" type="text/css" media="all" href="../css/perfect-scrollbar-0.4.8.min.css" />
<!-- latest jQuery direct from google's CDN -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="../js/perfect-scrollbar-0.4.8.min.js"></script>
<script type="text/javascript" src="../js/perfect-scrollbar-0.4.8.with-mousewheel.min.js"></script>
<script type="text/javascript" src="../js/scroll.js"></script>
<title>TITLE</title>
</head>
<body>
<div id="amfCont">
..... // content to be scrolled
</div>
</body>
</html>
CSS:
#amfCont {
font-family:"Verdana";
text-align:justify;
position:relative;
overflow:hidden;
}
JS(包含scroll.js)
$(document).ready(function() {
"use strict";
$('#amfCont').perfectScrollbar();
});
有谁能指出我哪里错了吗?
2条答案
按热度按时间fjaof16o1#
在iframe中尝试jQuery Scrollbar。
在上面的例子中,我使用了
scrollbar-macosx
类,但是你可以从预定义的样式中选择任何一种,或者制作你自己的自定义滚动条--它是完全CSS自定义的。5n0oy7gb2#
#amfCont
需要一个height
属性才能使此插件工作。以下是来自文档的示例。