Scroll an IFRAME Content to a Predefined Position

http://www.stoimen.com/blog/2011/03/29/scroll-an-iframe-content-to-a-predefined-position/

IFrame 으로 추가하였을 경우 원하는 부분만 보이고 싶다.

#my-div

{

    width    : 400px;

    height   : 200px;

    overflow : hidden;

    position : relative;

}

 

#my-iframe

{

    position : absolute;

    top      : -100px;

    left     : -100px;

    width    : 1280px;

    height   : 1200px;

}

<div id="my-div">

<iframe src="http://www.tistory.com" id="my-iframe" scrolling="no"></iframe>

</div>

===========================================================

또는

<div style="position:relative;width:400px;height:200px;overflow:hidden"> 

<iframe src="http://www.tistory.com" scrolling="no" style="position:absolute;top:-100px;left:-100px;width:1280px;height:1200px"></iframe> 

</div>