具有固定标题的iFrame [英] iFrame with Fixed Header

问题描述

我想做类似的事情：
http://bit.ly/RLpHme

我正在为一个房地产经纪人的网站工作，她想从她的合作伙伴网站加载列表，但在顶部有一个固定的标题她的信息。

I'm working on a website for a real estate agent, and she would like to load the listings from her partners site, but have a fixed header at the top with her information.

我将如何实现这一目标？

How would I go about achieving this?

感谢您的帮助！

推荐答案

使用iFrame修复标头，检查 http://jsfiddle.net/QQKc4/50/

fixed header with iFrame, check http://jsfiddle.net/QQKc4/50/

<div id="headerfix"></div>
<iframe id="preview-frame" src="http://www.test.com" frameborder="0"></iframe>

CSS

#headerfix {
    height: 60px;
    background-color:#DDD;
    border-bottom: 3px solid #59A3C8;
    z-index: 99999;
    position: fixed;
    width: 100%;
}
#preview-frame {
    margin: 0 auto;
    display: block;
    padding-top: 60px;
    width:100%;
    height: 581px;
}

这篇关于具有固定标题的iFrame的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！