当前位置: 首页 > 面试题库 >

iframe仅显示页面的特定部分

荣波
2023-03-14
问题内容

我正在iframe上工作,我需要在宽度大约为300px,高度为150px的iframe中显示页面的某些部分(例如右上角)。

例:

说我希望把一个 IFRAME 的 **www.mywebsite.com/portfolio.php 在页面上,但有IFRAME大小,只显示“

投资组合运动 在”部分 右上角** 。

我该如何实现?

谢谢。


问题答案:

一个<iframe>让你与工作完整的窗口。执行所需操作的最直接方法是让服务器为您提供一个完整的页面,其中仅包含您要显示的片段。

作为替代方案,您可以只使用一个简单的方法,<div>并使用jQuery的“load”功能加载整个页面,然后仅提取所需的部分:

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

您可能还需要做其他事情,并且最大的不同是内容将成为主页的一部分,而不是被隔离到单独的窗口中。



 类似资料:
  • 我试图在单个产品页面上显示自定义文本“price only visible for logged in users”,但仅当,具有当前中的值时。 当加载单个产品页面时,我找不到实现当前产品post_id的正确SQL查询。 下面是我的代码:

  • 注意:即使某些“区域”没有值,也应该显示标签0、0.1、0.2、0.3、0.4和0.5。我尝试了我的不同选项,我发现的“最佳”是控制要显示的标签数量,但它不是我想要的:

  • 我编写了一些棋盘游戏。物体应该能够从板上滑下来。这意味着不应再显示特定区域之外的对象部分,以使其看起来好像该项目正在从板上移动。 我尝试的是检查精灵是否还在黑板上(通过检查位置),如果不是,我就不会再渲染它了。但那是 1) 不好,因为这样一来,精灵要么完全显示,要么根本不显示。 2) 不合法。 实现上述目标的优雅方法是什么?也许使用图像而不是精灵,然后有另一个舞台,它的视口只是屏幕的一部分?如果是

  • 问题内容: 假设您有一个动态生成的网站,过去和现在都有太多人在使用该网站,现在您有了一个包含20,000行CSS的共享样式表集合。它根本没有组织,有一些基于类和基于id的选择器,但也有太多基于标签的选择器。然后说您有100个通过某种控制器使用这些样式的模板。 是否有一个工具(可能类似于Firebug)可以指向一个URL,它将确定该页面的所有适用CSS选择器并将其转储到文件中?基本上是一种逐页撕开共

  • 问题内容: 我在显示我的Ajax微调器时遇到问题。现在,我正在使用以下代码对其进行测试: 我单击一个链接以显示加载器(Ruby on Rails代码): 我有加载程序应该出现在里面: 然后我的功能使其显示: 最后是我的CSS(注释掉一些东西以查看是否需要): 当我单击未显示的链接时,怎么会这样? 编辑: 我先隐藏微调器,然后在单击时再次显示它。切换到另一个链接之间如何? 问题答案: 好的,首先,您

  • 问题内容: 我需要使用chrome驱动程序对整个页面进行截图,但是部分实现了。 屏幕截图看起来像是带有正确信息的可见矩形,下面是黑色的大区域。 问题答案: 这是一个已知的错误:https : //code.google.com/p/chromedriver/issues/detail?id=294(仅适用于Chrome驱动程序,firefox驱动程序可以正常工作)