Question

有人能举例说明如何只查看网站的一部分吗？

我想展示一个带有iframe标记的网站的一部分（使用id或类名或？）。

我该怎么办？

<!DOCTYPE html>
<html>
<body>

<iframe src="http://www.w3schools.com">
  <p>Your browser does not support iframes.</p>
</iframe>

</body>
</html>

Answer 1

你无法控制外部页面。因此你必须将IFRAME内容滚动到所需的位置。这当然是不可能的。即使有一些java脚本方法，但都不是很好。因为仅在页面加载时才会进行滚动。

唯一的解决方案是你可以将IFRAME包装成div并使用绝对TOP和LEFT CSS属性滚动DIV内容。

参见示例

<强> HTML

<div id="frame-wrapper">
<iframe src="http://www.w3schools.com" id="my-iframe" scrolling="no"></iframe>
</div>

<强> CSS

#frame-wrapper
{
    width    : 400px;
    height   : 220px;
    overflow : hidden;
    position : relative;
}

#my-iframe
{
    position : absolute;
    top      : -100px;
    left     : -100px;
    width    : 400px;
    height   : 220px;
}

查看小提琴here

显示iframe标记的网站的一部分

1 个答案: