Scrolling on iOS

  • Resolved ricklevine

    (@ricklevine)


    10 years, 11 months ago

    Michael,

    I’ve recently purchased the pro version of Advanced IFrame and have successfully installed it on our site. (We control both ends, we’re not modifying target site, running both ends successfully on ssl, default ai_external.template.js loads on target.)

    The web page is https://www.xoab.us/subscribe-working/ and any of the buttons on the page will launch an iframe.

    The issue I’m having is that the iframe content won’t scroll when viewed on iOS devices.

    I’ve played with adding -webkit-overflow-scrolling: touch and overflow-y: scroll to both our div outside the iframe and trying to add the styles to additional_styles_wrapper_div, but haven’t been able to get the content to scroll on pads and phones.

    Suggestions?

    Many thanks for the plugin, and for your time.

    Rick Levine
    XOAB
    [email protected]
    +1 303 589-6700

    https://ww.wp.xz.cn/plugins/advanced-iframe/

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author mdempfle

    (@mdempfle)

    10 years, 11 months ago

    Hi,

    I currently don’t have access to an ios device.

    Do you have the same behavior on my demo:
    http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/change-links-targets#e34

    Best, Michael

    Thread Starter ricklevine

    (@ricklevine)

    10 years, 11 months ago

    Yes, exactly the same behavior. Example 34, link 2 shows the same issue.

    What I find also curious is that scrolling events are being received by the background, under the iframe layer, and the background can be seen scrolling in response to touch, under the iframe.

    Thanks for your quick response. Please let me know how I can help debug.

    Rick

    Thread Starter ricklevine

    (@ricklevine)

    10 years, 11 months ago

    Don’t know if this is helpful, but it describes the problem I’m seeing:

    http://davidwalsh.name/scroll-iframes-ios

    Plugin Author mdempfle

    (@mdempfle)

    10 years, 11 months ago

    Have you seen
    http://davidwalsh.name/scroll-iframes-ios

    My iframe has a position:fixed and a z-index. I think there is an additional div around needed which has this styles.
    But this is a major change as all styles have to be applied to different elements.

    I never noticed that as the main feature of the plugin is auto height and nowhere are scrollbars anymore except at the div.

    I can do this on my todo list for 6.5 but I’m on vacation for the next 2 weeks so I could start with this after that. The problem is that the demo there was also not working properly for me.

    Best, Michael

    Thread Starter ricklevine

    (@ricklevine)

    10 years, 11 months ago

    Thank you, Michael.

    If you can do this for 6.5, that would be good.

    We’re trying to launch the site in the next few days, so I will look for an alternate solution. We’re using very little of the advanced features; not modifying or otherwise touching the iframe content. Is there a way to hack a temporary solution that may not be good enough for release, but will get us launched?

    Rick

    Plugin Author mdempfle

    (@mdempfle)

    10 years, 11 months ago

    A quickfix is not really possible as it seems that this solution does work for ios only and does not work somewhere else. I would need to do this with the included browser detection.
    Or do you need an ios solution only? there you maybe try to add an additional div around the iframe and move the styles from the iframe to this div + add the ios specific styles.

    Best, Michael

    Thread Starter ricklevine

    (@ricklevine)

    10 years, 11 months ago

    Michael,

    Unfortunately, we need a generic approach; we’re not limited to iOS devices.

    Thanks for your time. I’m sure we can figure out a solution.

    Rick

    Plugin Author mdempfle

    (@mdempfle)

    10 years, 11 months ago

    If you have a generic solution please let me know. I’m always interested to improve my plugin.

    Best, Michael

    Plugin Author mdempfle

    (@mdempfle)

    10 years, 10 months ago

    Hi,

    I successfully implemented and tested ios scrolling support for
    – “Show only a part of the iframe”
    – “show iframe as div”

    I have to check for which setups I can implement this workaround as it looks like the workaround is always specific for ipad and iphone.

    Best, Michael

    Thread Starter ricklevine

    (@ricklevine)

    10 years, 10 months ago

    Michael,

    That’s great news. The only setup we need is show_iframe_as_layer

    Can we test?

    Thanks!

    Rick

    Plugin Author mdempfle

    (@mdempfle)

    10 years, 10 months ago

    You can test on my demo already.
    http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/change-links-targets#e34

    Best, Michael

    Thread Starter ricklevine

    (@ricklevine)

    10 years, 10 months ago

    Looks good. May we use this now?

    Rick

    Plugin Author mdempfle

    (@mdempfle)

    10 years, 10 months ago

    Not yet. The settings are currently static and have now be made dynamic.

    Best, Michael

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘Scrolling on iOS’ is closed to new replies.