How to remove scrollbars from IFrame?

Question

I am trying to show the content of techcrunch in IFrame. I am using height:100% for IFrame, even then it shows the scrollbar. So ultimately there are two scrollbars one for the page and one for the IFrame.

http://jsbin.com/iboma4

I just want to have one scrollbar and that is for the page. I would like to grow my Iframe automatically so that it will not have any scrollbar.

Is it possible ?

Answer 1

Add scrolling="no" to the <iframe>, like this:

<iframe src="http://www.techcrunch.com" id="_content" frameborder="0" noresize="noresize" scrolling="no"></iframe>

You can try it out here

Answer 2

I'm afraid I think this is not possible: You would have to get the inlying document's height to adjust the iframe - something the Same Origin Policy will prevent you from doing.