Dual Scrollbars in IE When using IFrames

Submitted on: 1/2/2015 12:35:00 PM
By: Josh C (from psc cd)  
Level: Intermediate
User Rating: By 3 Users
Views: 3819
     Anyone who has used IFRAMES in IE may have noticed several problems with them. One big one, is that if you were to include an iframe that extends to the side of your parent page, and the iframe has a scroll bar, then both the iframe and the parent would have a scroll bar. Very confusing. This script resizes the iframe so that it doesn't have a scroll bar. Problem solved...

				stick this on your page....
<SCRIPT language="javascript">
function checkiFrame() {
if ((document.all('imain').readyState=="complete")) {
		if (document.frames('imain',0).document.body.scrollHeight > 500) {
		document.all('imain').style.height = document.frames('imain',0).document.body.scrollHeight;
		document.all('imain').style.height = 500

it's fired by this in your iframe...

Report Bad Submission
Use this form to tell us if this entry should be deleted (i.e contains no code, is a virus, etc.).
This submission should be removed because:

Your Vote

What do you think of this article (in the Intermediate category)?
(The article with your highest vote will win this month's coding contest!)
Excellent  Good  Average  Below Average  Poor (See voting log ...)

Other User Comments

 There are no comments on this submission.

Add Your Feedback
Your feedback will be posted below and an email sent to the author. Please remember that the author was kind enough to share this with you, so any criticisms must be stated politely, or they will be deleted. (For feedback not related to this particular article, please click here instead.)

To post feedback, first please login.