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
scrolling iframe on moblie
@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
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
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.
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 279 times
- Hopki
- Gnome
- Posts: 13029
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
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/
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/
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.
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.
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.
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.