Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 2, 2016 at 11:18 am #576360
    Helge

    Hi.

    I’m embedding an external page via iframe. Unfortunately, that page’s content is too wide to be displayed on smartphones or an iPad in portrait mode.

    I added
    body {overflow-y: scroll !important; overflow-x: hidden !important}
    to the embedded page’s CSS, but it did not work as intended because it only worked on a PC. On an iPhone or an iPad I was still not able to scroll horizontally.

    What could I do?
    Helge

    February 2, 2016 at 5:32 pm #576580
    Yigit

    Hi Helge!

    Can you please post the link to your page and point out your iframe so we can check if we can provide you an easy solution?

    Best regards,
    Yigit

    February 2, 2016 at 6:12 pm #576610
    Helge

    Hi.

    These are the pages. They cannot be accessed via the website yet, as they have this scrolling problem and therefore still are in “hidden trial mode”.

    links and logins in private section

    Thank you!
    Helge

    February 5, 2016 at 11:37 pm #578852
    Andy

    Hey!

    I checked on Chrome emulator for iPad screen size and there is no horizontal scrollbar for me. Please clear browser cache and hard refresh a few times. Check on another device as well if possible.

    Regards,
    Andy

    February 6, 2016 at 12:06 am #578869
    Helge

    Hi Andy.

    I think there might be some misunderstanding on your or my part (can’t really say which), but what you describe is exactly the problem: I need horizontal scrollbars – or another means of scrolling horizontally – otherwise I cannot see all the content, but I am not getting them.

    The code I mentioned above adds scrollbars in a browser window on a desktop computer if that windows is made so narrow, that horizontal scrolling becomes necessary. Alas, on my iPad in portrait mode or on my iPhone those scrollbars are not displayed.

    So the question is: Do you know a way to make the content of an iframe visible that is wider than the webpage in which the iframe is embedded?

    Best regards,
    Helge

    February 8, 2016 at 4:27 pm #579739
    Vinay

    Hey!

    The link to the element in question are still not accessible using the credentials you have provided us. We cannot say for sure if what you are trying to do si possible. in most cases you can have a horizontal scrollbar on an iframe.

    Please check the link below for more info

    Quick CSS/ HTML Trick: Responsive iframes

    Cheers!
    Vinay Kashyap

    February 15, 2016 at 12:42 pm #583331
    Helge

    Hmm, I don’t know what might be wrong. The URLs and login information are definitely correct. But thanks for that link, I’ll find something that works for me.

    Cheers,
    Helge

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Horizontal scrollbars in iframe’ is closed to new replies.