Geek Answers Handbook

Hide vertical scrollbar in iframe

I need to remove the vertical scrollbar in an iframe. I tried to use overflow: hidden;still not working. Please, help.

What does it look like now

the code:

#iphone4 {
background-image: url("ipad_new2.png");
background-repeat: no-repeat;
height: 900px;
width: 750px;
margin: auto ;
position: relative;
overflow: hidden;
}


/*Mobile iframe CSS*/
iframe {
height: 700px;
width: 525px;
position: absolute;
top: 68px;
margin: auto ;
left: 61.99px;
overflow-y: scroll;

}

</style>
</head>
<body>
 <div id="iphone4" >
<iframe src="index_atish.html" seamless="seamless"></iframe>
</div>

</body>
</html>
+3
source share
3 answers

I think this will help verify the link below:

<div id="iphone4" >
<iframe src="index_atish.html" seamless="seamless"></iframe>
</div>

/*Mobile iframe CSS*/
iframe {
height: 100%;
width: 100%;
position: absolute;
top: 0;
margin: auto ;
left: 0;
border:none;
}
body{margin:0px;}

https://jsfiddle.net/xnt014a8/2/

+2
source

overflow is not a solution for HTML5 as the only modern browser that incorrectly supports this Firefox.

The current solution will be to combine the two:

<iframe src="" scrolling="no"></iframe>

iframe { overflow:hidden; }

check this

+1
source 

iframe{scrolling="no"}
0

More articles:


All Articles