Is there a way to prevent double scrolling bars using iframe

Question

This question appears to be a duplicate that was unanswered or similar to HTML iframe - Double Scrolling Bars .

I would like to know how to remove the scrolling bar of the iframe and use the browser's scrolling bar to navigate the page up and down?

 <html> <body style="margin: 0; padding: 0; border: 0; outline: 0;"> <div style="width:100%;height:50px; background-color:red;"></div> <iframe frameBorder="0" style="width:100%;height:100%;" src="http://www.mynewplace.com/apartments-for-rent/st-paul-mn"></iframe> </body> </html>

Answer 1

You can try scrolling="no" for iframe

iframe { overflow:hidden;}

HTML:

<iframe frameBorder="0" style="width:100%;height:100%;" scrolling="no" src="http://www.mynewplace.com/apartments-for-rent/st-paul-mn"> 
  </iframe>

Answer 2

Try to set up height of all parent element to 100% (so HTML and BODY tag) and then put height of iframe to calc(100% - 50px)

 html, body{height: 100%;}

 <html> <body style="margin: 0; padding: 0; border: 0; outline: 0;"> <div style="width:100%;height:50px; background-color:red;"></div> <iframe frameBorder="0" style="width:100%;height:calc(100% - 50px);" src="http://www.mynewplace.com/apartments-for-rent/st-paul-mn"> </iframe> </body> </html>

Answer 3

try to set height by jvascript, example:

<iframe id="test" FRAMEBORDER=0
  src="form.jsp"
  style="width: 100%"
  onload="this.height=document.body.scrollHeight">
</iframe>

Is there a way to prevent double scrolling bars using iframe

Question

3 answers

solution1
1 ACCPTED 2015-08-10 06:58:58

solution2
0 2015-08-10 06:52:34

solution3
0 2015-12-07 08:21:34

Is there a way to prevent double scrolling bars using iframe

Question

3 answers

solution1 1 ACCPTED 2015-08-10 06:58:58

solution2 0 2015-08-10 06:52:34

solution3 0 2015-12-07 08:21:34

solution1
1 ACCPTED 2015-08-10 06:58:58

solution2
0 2015-08-10 06:52:34

solution3
0 2015-12-07 08:21:34