我第一次使用fancybox并尝试在点击某个链接时使用它,另一个网页在fancybox中弹出,在某个位置向下滚动到该新网页。
例如:
我一直在使用下面的代码进行测试,但iframe最终会跳到页面底部,然后到右上角:
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
<link type="text/css" rel="stylesheet" href="/fancybox/jquery.fancybox.css" >
<script type="text/javascript">
$(document).ready(function() {
$(".iframe").fancybox({
"padding" : 3,
"type":"iframe",
"width" : 640,
"height" : 480,
});
});
</script>
</head>
<body>
<a href="http://awesomedl.com" class="iframe">
Fancy me
<img src="fancybox/fancybox_sprite.png">
</a>
</body>
</html>
我知道我在功能中缺少一些属性,但是有人能指出我正确的方向来实现我的结果吗?