Question

我想使用iframe在我的网站上显示网页的内容，但我想“剪掉”页面的标题（顶部）部分，而不显示其导航栏，因此用户只能看到底下的内容它

代码：

<div id="content">
    <div style="height:800px;">
        <iframe id="optomaFeed" src="http://www.optomausa.com/company/press-releases/" scrolling="auto"
            frameborder="0" height="100%" width="100%"></iframe>
    </div>
</div>

我有什么方法可以做到这一点？ Tyvm〜

Answer 1

我想出了如何使用css clip属性：

来做到这一点

<div id="content">
    <div style="height:800px;">
        <iframe id="optomaFeed" src="http://www.optomausa.com/company/press-releases/" scrolling="no"
            frameborder="0" height="100%" width="100%" style="position:absolute; clip:rect(190px,1100px,800px,250px);
            top:-160px; left:-160px;"></iframe>
    </div>
</div>

Answer 2

如果导航栏容器有id，您可以在javascript中获取对它的引用，然后在其上调用parentNode.removeChild()。这意味着每次在iframe中更改页面时，导航栏可能会闪烁一秒。

或者，您可以通过加载iframe的服务器端脚本传递iframe的加载，删除导航栏的HTML，然后输出结果。这可能会减慢用户与页面的交互速度，因为这意味着所有内容都需要加载两次。如果您打算采用这种方法，您可能需要添加<base>标记，这样就不会破坏CSS / JS。

删除一些iframe的src内容

2 个答案: