javascript - How to hide the parent vertical scrollbar after an iframe is loaded? -


I've attached the sample code that shows the problem I'm seeing in Firefox 3.5.7. The problem is that the basic HTML has a scrollbar, and it loads an iframe which is fullscreen (height: 100%, width: 100%), I want the original scrollbar to be removed after the iFrame loading.

1) Is this possible? 2) When we height: 100%; Width: 100% why only capture the scene area? But are not the full parental occupied areas?

  This main.html & lt; Html & gt; & Lt; Top & gt; & Lt; Script type = "text / javascript" src = "client.js" & gt; & Lt; / Script & gt; & Lt; Title & gt; I'm a customer & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body bgcolor = "# 000000" & gt; You can see iframe below ... you can see iframe below ... you can see iframe below ... & lt; Br> & Lt; Br> & Lt; Br> Br> Br> Br> & Lt; & Lt; & lt & lt; Br> & Lt; Br> & Lt; Br> Br> Br> Br> & Lt; & Lt; & lt & lt; Br> & Lt; Br> & Lt; Br> Br> Br> Br> & Lt; & Lt; & lt & lt; Br> & Lt; Br> & Lt; Br> Br> Br> Br> & Lt; & Lt; & lt & lt; Br> & Lt; Br> & Lt; Br> Br> Br> Br> & Lt; & Lt; & lt & lt; Br> & Lt; Br> & Lt; Br> & Lt; Br> Br> Br> Br> & Lt; & Lt; & lt & lt; Br> & Lt; Br> You can see iframe below ... & lt; Br> & Lt; Iframe name = "clientframe" id = "clientframe" src = "app.html" style = "position: absolute; top: 0 pixel; left: 0 pixel; width: 100%; height: 100%; z-index: 999; Background: # FF0000 "onload =" despatch (); "frameborder =" no "& gt; & Lt; / Iframe & gt; & Lt; / Body & gt; & Lt; / Html & gt; This app.html is: & lt; HTML & gt; & Lt; HEAD & gt; & Lt; Title & gt; I have an application & lt; / Title & gt; & Lt; / HEAD> & Lt; Body & gt; & Lt; H3 & gt; This is an application & lt; / H3 & gt; & Lt; Br> You can name & lt; Input type = "textbox" & gt; & Lt; Br> Password & lt; Input type = "password" & gt; & Lt; Br> & Lt; Br> & Lt; Br> & Lt; Input type = "button" value = "two in me" & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Note: Open main.html, it will load app.html in an iframe. You can see that the scroll bar appears after the IFRAME load, and the red background for the iframe does not completely fill the entire parent.

  & lt; Script type = ""  

text / javascript "> function sent () {document.body.style.overflow =" hidden ";} & lt; / script & Gt;


Comments

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

asp.net mvc - Dynamically Generated Ajax.BeginForm -

Debug on symbian -