我有一个2 iframe的一个（iframe1），它是页面的100％，而第二个（iframe2）悬停在第一个上面。
如何将主体的高度设置为iFrame1的高度，以便滚动条位于主页面上，iframe2固定在主页面的顶部？
我这样做是为了进行一些自定义跟踪，但是当我滚动iframe1的内容时，iframe2会向下滚动，这是在iframe上完成的
<html>
<head>
<style>
body{background:#efefef; height:100%; padding-top:40px;}
#wrap{margin:20px 20px 50px;}
</style>
<style type="text/css">
body, html
{
margin: 0; padding: 0; height: 100%; overflow: hidden;
}
#iframe_1
{
position:absolute; left: 0; right: 0; bottom: 0; top: 0px;
}
#iframe_2
{
position:fixed; left:0; top:0; margin-top: 440px; margin-left: 425px; width:300px; height:500px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="iframe_1">
<iframe width="100%" height="100%" src="http://www.loudounsmilecenter.com/our-services.aspx" frameborder="0" allowtransparency="true" ></iframe>
</div>
<div id="iframe_2">
<iframe width="600px" height="600px" src="about:blank" frameborder="0" allowtransparency="true" ></iframe>
</div>
</div>
</body>
我希望iframe_2超过iframe1中的“”部分。因为他们不是同一个域我有跨域问题所以我必须用iframe进行覆盖跟踪。
因为滚动位于iframe_1，iframe_2不会锚定到该部分
如果您有任何想法，请告诉我。