Question

我第一次使用fancybox并尝试在点击某个链接时使用它，另一个网页在fancybox中弹出，在某个位置向下滚动到该新网页。

例如： enter image description here

我一直在使用下面的代码进行测试，但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>

我知道我在功能中缺少一些属性，但是有人能指出我正确的方向来实现我的结果吗？

使用Fancybox在iframe中打开网址

0 个答案: