Question

我需要让我的iframe在我的页面中显示网站的特定区域。我没能在互联网上找到答案，我尝试了几个代码，但似乎没有任何工作。如果有人能够告诉我如何做到确切的位置 - 我需要它是滚动新闻部分的地方。谢谢！

这是我的代码 -

<section><iframe src="http://www.walla.co.il" scrolling="no" frameborder="0"></iframe></section>

css -

iframe { width:130px; height:275px; position:absolute; top:40px; left:55px; clip:rect(692px 682px)}

Answer 1

只要您知道要滚动的像素数，就可以使用anishsane评论的window.scrollBy。但随着第二页设计的变化，这显然会发生变化。

如果这是您控制的页面，这是一个可接受的解决方案，您现在需要弄清楚如何删除滚动条（IE过去曾为我带来了问题）。

如果此页面来自其他域，则还有其他问题需要处理。 cross domain policy for iframes。

Answer 2

这就是你想做的......

<html>
<head>
<script>
function scrollTheIframe()
{
var frame = document.getElementById("ifr");
frame.contentWindow.scrollTo(350,300);
}
</script></head>
<body onLoad = "scrollTheIframe()">
<iframe src="r.html" id="ifr" width="500">
</iframe>
</body>
</html>

上面的示例确实期望页面（在iframe中）加载速度非常快......如果将源更新到外部站点，例如bbc.co.uk，那么它就无法运行。我在上面使用的r.html是一个非常小的文件。

如何在我的iframe中设置网站的特定区域

2 个答案: