HTML5 : Iframe No scrolling?

by

In HTML5 there is no scrolling attribute because “its function is better handled by CSS” see http://www.w3.org/TR/html5-diff/ for other changes. Well and the CSS solution:

CSS solution:

HTML4’s scrolling="no" is kind of an alias of the CSS’s overflow: hidden, to do so it is important to set size attributes width/height:

iframe.noScrolling{
  width: 250px; /*or any other size*/
  height: 300px; /*or any other size*/
  overflow: hidden;
}

Add this class to your iframe and you’re done:

<iframe src="http://www.example.com/" class="noScrolling"></iframe>

! IMPORTANT NOTE ! : overflow: hidden for <iframe> is not fully supported by all modern browsers yet(even chrome doesn’t support it yet) so for now (2013) it’s still better to use Transitional version and use scrolling="no" and overflow:hidden at the same time 🙂

UPDATE 2020: the above is still true, oveflow for iframes is still not supported by all majors

More Related Contents:

  1. IFRAMEs and the Safari on the iPad, how can the user scroll the content?
  2. HTML iframe not working when i write src= of facebook
  3. Are iframes considered ‘bad practice’? [closed]
  4. How to allow http content within an iframe on a https site [duplicate]
  5. How to force link from iframe to be opened in the parent window
  6. HTML embedded PDF iframe
  7. How to display scroll bar onto a html table
  8. HTML iframe – disable scroll
  9. Accessing object in iframe using VBA
  10. Rendering problems using flexbox in Firefox and Chrome 48 [duplicate]
  11. “Full screen”
  12. Html code as IFRAME source rather than a URL
  13. Difference between iframe, embed and object elements
  14. Why are iframes considered dangerous and a security risk?
  15. Are IFrames (HTML) obsolete? [closed]
  16. Remove border from IFrame
  17. HTML5 iFrame Seamless Attribute
  18. Use of Iframe or Object tag to embed web pages in another
  19. Why is a self-closing iframe tag preventing further DOM elements to be displayed?
  20. Specifying content of an iframe instead of the src attribute to a page
  21. overflow:scroll; in
  22. Some Elements missing while downloading from HttpWebRequest?
  23. Can’t show some websites in iframe tag
  24. Getting youtube.com to load in iFrame
  25. Remove scrollbar from iframe
  26. YouTube iframe embed – full screen
  27. Prevent a centered layout from shifting its position when scrollbar appears
  28. Media queries not working inside an iframe
  29. z-index and iFrames!
  30. Is there a way to get the parent URL from an Iframe’s content?

Leave a Comment