iframe仅显示网站的特定部分，而不会滚动

Question

I'm trying to set up an iframe and want to only show a certain part of a page with no scroll but I'm having trouble getting the width height and margins right.

Webpage I want to show a certain part of: https://stellarchain.io/address/GB3O3S72Y2D25EK2BSA7VBJB5BXIAIKJZF4WIMEIQSB53TEIOIADT76L

Here is a snippet of what I want: Just the balance and 2,984,000,000

This is the code I found and tried using:

    <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>

Any Help will be appreciated! Thank you.

Answer 1

As a way to solve your problem, you can use this code:

 #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> 

Answer 2

An alternate way is in JQuery
if same origin policy is not making issue)

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

replace #targetDiv from URL with the div area you want to load in your page.