Skip to content

Is there a way to prevent double scrolling bars using iframe

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?

    <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=""></iframe>

enter image description here



You can try scrolling="no" for iframe

iframe { overflow:hidden;}


<iframe frameBorder="0" style="width:100%;height:100%;" scrolling="no" src=""> 
User contributions licensed under: CC BY-SA
2 People found this is helpful