Add scrolling="no" attribute to the iframe.
A simpler way is however, is to use a container div styled with overflow: hidden; to hide the scrollbar. Set the width and the height of the div, to be slightly less than that of your iframe. Hope this helps you.
Remove border from iframe tag in the webpage could be done by using one of the CSS properties of the iframe tag called frameBorder and set its value to “0”. Syntax: frameBorder = "value"; Note: In the frameBorder property the B letter must be in capital otherwise it will not be recognized by the browser.
Add scrolling="no"
attribute to the iframe.
This works in all browsers
<iframe src="http://buythecity.com" scrolling="no" style=" width: 550px; height: 500px; overflow: hidden;" ></iframe>
Adding scroll="no"
and style="overflow:hidden"
on iframe didn't work, I had to add style="overflow:hidden"
on body of html document loaded inside iframe.
Try adding scrolling="no"
attribute like below:
<iframe frameborder="0" scrolling="no" style="height:380px;width:6000px;border:none;" src='https://yoururl'></iframe>
Just Add scrolling="no"
and seamless="seamless"
attributes to iframe tag. like this:-
1. XHTML => scrolling="no"
2. HTML5 => seamless="seamless"
UPDATE:
seamless
attribute has been removed in all major browsers
If anyone here is having a problem with disabling scrollbars on the iframe
, it could be because the iframe's content has scrollbars on elements below the html
element!
Some layouts set html
and body
to 100% height, and use a #wrapper
div with overflow: auto;
(or scroll
), thereby moving the scrolling to the #wrapper
element.
In such a case, nothing you do will prevent the scrollbars from showing up except editing the other page's content.
<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;
Use the above div and it will not show scroll bar in any browser.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With