iframe 仅显示网站的特定部分而没有滚动答案

【问题标题】：Iframe to show only a specific part of a website with no scrolliframe 仅显示网站的特定部分而没有滚动
【发布时间】：2018-03-14 20:22:09
【问题描述】：

我正在尝试设置 iframe，并且只想显示页面的特定部分而没有滚动，但我无法正确设置宽度高度和边距。

我想显示的网页的某个部分： https://stellarchain.io/address/GB3O3S72Y2D25EK2BSA7VBJB5BXIAIKJZF4WIMEIQSB53TEIOIADT76L

这是我想要的 sn-p：Just the balance and 2,984,000,000

这是我找到并尝试使用的代码：

    <div style="border: 1px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;"> 
<iframe scrolling="no" src="" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;"> 
</iframe> 
</div>

任何帮助将不胜感激！谢谢。

【问题讨论】：

标签： html iframe

【解决方案1】：

作为解决问题的一种方法，您可以使用以下代码：

#outerdiv 
{ 
width:200px; 
height:75px; 
overflow:hidden; 
position:relative; 
}

#innerIframe 
{ 
position:absolute; 
top:-370px; 
left:-1050px; 
width:1300px; 
height:1450px; 
}

<div id="outerdiv"> 
<iframe src="https://stellarchain.io/address/GB3O3S72Y2D25EK2BSA7VBJB5BXIAIKJZF4WIMEIQSB53TEIOIADT76L" id="innerIframe" scrolling="no"></iframe> 
</div>

【讨论】：

但我敢肯定，存在更好的解决方案。我不记得如何从 iFrame 获取 HTML 代码。是这样的：document.getElementById('IFRAME_ID').contentWindow.document.body.innerHTML 但它不适用于其他网站

【解决方案2】：

另一种方法是在 JQuery 中
如果同源政策没有产生问题）

$('#contentDIV').load('https://stellarchain.io/address/GB3O3S72Y2D25EK2BSA7VBJB5BXIAIKJZF4WIMEIQSB53TEIOIADT76L#targetDiv');

将 URL 中的#targetDiv 替换为您要在页面中加载的 div 区域。

【讨论】：