Iframe Internal page code:
<! DOCTYPE Html> <HTMLlang="en"> < Head> <Metacharset="UTF-8"> <title>title</title> <style>.Inner-container{position:Absolute;
left:0; Overflow-x:Hidden; Overflow-y:Scroll; }/* For Chrome is only for Google browser * *.Inner-container::-webkit-scrollbar{display:None; } </style> </ Head> < Bodyclass="Inner-container"> <H1> Popcorn & Boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & Boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & Boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & Boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & Boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water popcorn & boiled water </H1> </ Body> </HTML>
External code that contains the IFRAME:
<! DOCTYPE html> HTML lang= "en" > head > < Meta charset= UTF-8 > title >title</ Title > style >. Outer-container
{position: relative ;
Overflow: hidden ; </ Style > </ head > the body > div class= Outer-container > iframe marginwidth= 0 marginheight= 0 src= "demo1.html" scrolling= "Auto" frameborder= 0 width= "100%" ></ iframe > </ div > </ Body > </ HTML
Effect:
Both the horizontal and vertical scroll bars disappear, and the content can still be scrolled when scrolling the mouse.