Question

我正在尝试设置一个iframe，并且只想显示没有滚动的页面的某个部分，但是我无法正确获得宽度高度和边距。

网页我想展示一部分内容： https://stellarchain.io/address/GB3O3S72Y2D25EK2BSA7VBJB5BXIAIKJZF4WIMEIQSB53TEIOIADT76L

以下是我想要的内容片段：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>

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

Answer 1

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

＆＃13;

#outerdiv 
{ 
width:200px; 
height:75px; 
overflow:hidden; 
position:relative; 
}

#innerIframe 
{ 
position:absolute; 
top:-370px; 
left:-1050px; 
width:1300px; 
height:1450px; 
}

＆＃13;

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

＆＃13;

Answer 2

JQuery中的另一种方法
如果相同来源政策没有问题）

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

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

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

2 个答案: