#Iframe scrolling how to#
Now you know how to disable scrolling on an by adding the scrolling="no" and style="overflow:hidden" attributes to the HTML markup.
#Iframe scrolling code#
That attribute, however, has been dropped from the HTML5 specification and is no longer supported by web browsers, so there’s no sense in adding it to your HTML markup as the only thing you will be adding to your code is bloat. Īs you look for solutions for this problem on the Internet, you will come across some people recommending the use of the seamless attribute. Just in case a future version of a popular browser drops support for the scrolling="no" attribute, you may want to add an overflow: hidden CSS declaration to your element’s style attribute, too. Īlthough the W3C Validator reports the scrolling="no" attribute as obsolete and recommends using CSS instead, this is still the solution that can help you disable scrolling on most browsers. How to Disable Scrolling on an Īdd the scrolling="no" attribute to the element to prevent users from scrolling on an iframe, both horizontally and vertically. So let’s get into it and help you solve it. How to prevent scrolling in an iframe, the dilemma you came here to get help with, is by far one of the most common one of them. It could be set to 'auto', which means that scrollbars appear if needed (the default behavior), 'yes' ( scrollbars are always shown, whether needed or not), and 'no' (scrolbars are never shown, even when needed). This leads to quite a few “How do I do this or that with an iframe?” dilemmas. Using CSS Originally, iFrame scrollbars were set using the scrolling attribute. However, if you’re embedding content from a domain different than your own (which is usually the case), you can’t style that content because of Cross-Origin Resource Sharing (CORS) restrictions.
Add the src attribute with the content you want to display.
Place an