jquery – iframe只显示页面的某一部分

前端之家收集整理的这篇文章主要介绍了jquery – iframe只显示页面的某一部分前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在处理iframe,我需要在iframe中显示页面的某个部分(例如,右上角),宽度为300px,高度为150px。

例:

说我想在页面上放置一个iframe的www.mywebsite.com/portfolio.PHP,但iframe的大小只能显示在右上角的“portfolio-sports”部分。

我该如何实现呢?

谢谢。

编辑:DEMO

[感谢Pointy]

解决方法

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

或者,您也可以使用简单的< div>并使用jQuery“load”函数来加载整个页面,并提取出所需的部分:

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

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

猜你在找的jQuery相关文章