问题描述
我正在使用iframe，我需要在宽度为300px，高度为150px的iframe中显示页面的某个部分（例如右上角）。
I am working on iframes, and I need to show a certain portion of the page [say, the top right ] in an iframe with about 300px width and 150px height.
示例：
假设我想将 iframe /portfolio.php ，但将iframe的大小设置为只在右上角上显示投资组合 - 体育部分。
Say I wanted to put an iframe of www.mywebsite.com/portfolio.php on a page, but have the iframe sized to only show the "portfolio-sports" section at the top right.
如何实现这个？
谢谢。
strong> EDIT ：
EDIT : DEMO
[感谢Pointy]
[ Thanks to Pointy ]
推荐答案
< iframe> 你一个完整的窗口工作。要做你想要的最直接的方法是让你的服务器给你一个完整的页面，只包含你想要显示的片段。
An <iframe> gives you a complete window to work with. The most direct way to do what you want is to have your server give you a complete page that only contains the fragment you want to show.
只需使用一个简单的< div> ，并使用jQueryload函数加载整个页面，并只截取你想要的部分：
As an alternative, you could just use a simple <div> and use the jQuery "load" function to load the whole page and pluck out just the section you want:
$('#target-div').load('http://www.mywebsite.com/portfolio.php #portfolio-sports');
您可能还需要做其他事情，其中一个重要区别是内容将成为的主页，而不是分隔成一个单独的窗口。
There may be other things you need to do, and a significant difference is that the content will become part of the main page instead of being segregated into a separate window.
这篇关于iframe仅显示页面的某一部分的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！