jquery - iframe 只能显示页面的特定部分吗？

Question

我正在处理 iframe，我需要在 iframe 中显示页面的特定部分 [例如，右上角]，宽度约为 300 像素，高度约为 150 像素。

示例:

假设我想在页面上放置 www.example.com/portfolio.php 的 iframe，但 iframe 的大小只能显示“portfolio-sports”部分位于右上角。

我怎样才能做到这一点？

DEMO

[感谢 Pointy]

Answer 1

安<iframe>给你一个完整的窗口来工作。做你想做的最直接的方法是让你的服务器给你一个完整的页面，只包含你想显示的片段。

作为替代方案，您可以只使用简单的 <div>并使用 jQuery 的“加载”函数加载整个页面并只取出您想要的部分:

$('#target-div').load('http://www.example.com/portfolio.php #portfolio-sports');

您可能还需要做其他事情，一个显着的区别是内容将成为主页的一部分，而不是被隔离到一个单独的窗口中。