scrolling iframe on moblie

Q&A about the latest versions
Post Reply
mphoto
Posts: 18
Joined: Thu Sep 01, 2016 3:47 pm

hi everybody,

i can not scroll in iframes on mobile. it works on desktop (safari, chrome, all browser) and it works when i check it with chrome simulate mobiles from different brands. but i can not scroll on iphone.
i have this code for calling the iframe.

<iframe src="http://demodomain.com" id="demo" width="100%" height="100%" scrolling="yes" marginheight="0" marginwidth="0" frameborder="0" style="float:left; margin-left:0px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

where i am wrong?
thank you for help.
mphoto
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

What browser and iOS versions are you using on your iPhone ?
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
User avatar
Svendus
Posts: 687
Joined: Sun Jan 06, 2008 11:03 am
Location: Sweden
Contact:

Hi Guys
i consider it to be a bad Apple
We have tried nearly every thing iOS do not support fullscreene :oops:
the only trick running here was to make a iOS icon in the skin linking to the index.html
Image Image
mphoto
Posts: 18
Joined: Thu Sep 01, 2016 3:47 pm

@360texas,
i have tested it on iphone 5s, 6 and 7. Safari as standard browser and chrome. older and latest ios version. it will not scroll the iframe.
my intention is to solve the scrolling issue, not the fullscreen problem. am i the only one with this? can anybody scroll on mobiles content who is in iframes? for example html oder pdf or similar documents.
<iframe src="http://demodomain.com" width="100%" height="100%" scrolling="yes"></iframe>

i have also tried with scrolling="auto", no changes.

Other suggestions?
thx, mphoto
User avatar
Svendus
Posts: 687
Joined: Sun Jan 06, 2008 11:03 am
Location: Sweden
Contact:

Image
Image Image
mphoto
Posts: 18
Joined: Thu Sep 01, 2016 3:47 pm

hi Svendus,

thank you for your reply.
unfortunately this not solve the scrolling problem.
see my attached file, i made a quick example for better understanding.

funny is, if you check this box "Scroll bar", then you have double scrollbar in your browser, but only one on mobile, nevertheless this is not usable. :(
this is the same if you load a pdf document instead a website.
Attachments
scrolltest.zip
(198.83 KiB) Downloaded 266 times
User avatar
Hopki
Gnome
Posts: 13005
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Answered here: viewtopic.php?f=6&t=11633
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
JSchrader
Posts: 141
Joined: Sat Nov 28, 2015 2:26 pm

Same issue here.
The weird thing is: This happens only with plain text documents and only when the iframe initially is invisible.
I used Tony's sample and it works fine as long as the content is either a webpage or when the iFrame is visible from the beginning.

When I load a document with plain text into the iframe and when the iframe is alltime visible it also works.

But when I set it to invisible and put an action on an element to make the iframe visible, it will open with a stuck text document.
User avatar
k.ary.n
Gnome
Posts: 615
Joined: Wed Aug 15, 2007 1:02 pm

The latest workaround for this issue in which the iframe content will not scroll if it is hidden at first, is to use Set Value to set the iframe and open the text box at the same time.

In the button that opens the text box that holds the iframe content, add:

Source = Mouse Click
Action = Set Value
Value = <iframe src="https://example.com" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="100%" width="100%" allowfullscreen></iframe>
Target = the text box that holds the iframe content

The text box should also have:

Source = Mouse Click
Action = Visibility
Type = Show Element
Target = the text box that holds the iframe content

Thanks to Hopki for hint!

PS: In my tests, the scrolling attribute wasn't needed in the iframe.
Post Reply