I have a website embedded inside an iframe for use in a webview application.
<body>
<iframe id="iframe" src="http://www.medicamall.com"></iframe>
</body>
This is the CSS code:
body {
margin:0;
padding:0;
height:100%;
}
#iframe {
border:none;
width:100%;
height:calc(100% + 200px);
position: absolute;
overflow: hidden;
}
I want to hide a specific 200px from the bottom of the iframe. It works when I use height:calc(100% + 200px), but when scrolling to the bottom of the page, it appears with a scroll bar. How can I prevent this area from being shown in the scroll as well?