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

Question

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

例子：

假设我想在页面上放置一个 www.example.com/portfolio.php 的 iframe ，但将 iframe 的大小设置为仅显示 右上角 的“ portfolio-sports ”部分。

我怎样才能做到这一点？

演示

[感谢 Pointy]

原文由 MANnDAaR 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

<iframe> 为您提供了一个完整的窗口供您使用。做你想做的最直接的方法是让你的服务器给你一个完整的页面，只包含你想显示的片段。

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

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

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

原文由 Pointy 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我得到这份工作对我有好处。

 <div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;">
<iframe scrolling="no" src="http://www.w3schools.com/css/default.asp" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;">
</iframe>
</div>

这是否适合您，请告诉我们。

来源： http ://www.dimpost.com/2012/12/iframe-how-to-display-specific-part-of.html

原文由 Shiku gfa 发布，翻译遵循 CC BY-SA 3.0 许可协议