Iframe Scrolling set to No results to validatation error

  • Profile Image
    Kers101
    Asked on July 24, 2015 at 10:09 PM
  • Profile Image
    Sammy
    Answered on July 25, 2015 at 03:24 AM

    The iframe scrolling is usually made available for backwards compatibility with non HTML5 browsers

    To implement the CSS alternative you can do it as illustrated in the snippet below

    <iframe style="overflow:hidden;"/>

    Available properties are

    overflow: visible|hidden|scroll|auto|initial|inherit;
  • Profile Image
    Kers101
    Answered on July 25, 2015 at 05:44 PM

    Doesn't seem to work (scroll bars still showing)  with scrolling="no" absent.

    I'll try the properties

     

    http://www.momentostudios.ca/momentonew/light-html/2012aug-b.html

     

    Why doesn't this work??

     

    iframe #JotFormIFrame {

    scrolling="no" }

  • Profile Image
    BDAVID
    Answered on July 25, 2015 at 10:18 PM

    I just check how your form is embedded, and the iFrame still has the scrolling:

    Go to your embedded code, remove that part and replace it with: overflow: hidden;

  • Profile Image
    Kers101
    Answered on July 26, 2015 at 07:34 AM

    overflow :hidden; is already in the frame styles of the iframe.

    Anyway what part did you want me to replace?

    scrolling="no" removes the bars but the page will not validate.

     http://www.momentostudios.ca/momentonew/light-html/2012aug-b.html

     Another wrench in the works is that  I read overflow:hidden; will not work in Chrome or IE.  I can't test it right now.

    I read about a new html5 tag call "seamless". It's not working with my IE or Chrome. Will win 10 resolve the issues?

     

  • Profile Image
    Kers101
    Answered on July 26, 2015 at 04:29 PM

    I added  some java script below the iframe and the page will run OK in Chrome but not IE. Would you modify this?

    http://www.momentostudios.ca/momentonew/light-html/2012aug-b.html

     

    var el = document.getElementById("iframeid")

    el.scrolling = "no"; //FF & Chrome

    el.contentWindow.document.documentElement.style.overflow="hidden"; //IE