Make an iFrame scrolling on mobile browsers (iOS)

Hello!

First of all, I'm really sorry for my bad English. I hope that you will understand me

Make an iFrame scrolling on mobile browsers, everything is on the title. It's work perfectly on desktop browsers, but on mobile (iOS), which is not.

How can I do to make it work?

In my searching I found this:

Add 5 iOS style according to which can be added to the parent div so that the work of scrolling.

-webkit-too-full-scrolling: touch

But I don't know how that webkit on the div that holds my iFrame.

Please help me, I'm lonely french noob (sorry), lost in the maelstrom of W3C!


Thanks a lot!



PS: I tried to download my project, but this message during the download: you are not allowed to create or update this content

I don't have an ios device to test, unfortunately, but according to this http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/

simply implement the css rules to the iframe like this selector

.CSS ({$("Rectangle") sym.

"overflow-y':"scroll. "

' - webkit - overflow-scrolling ': 'touch '.

});

HTH

Darrell

Tags: Edge Animate

Similar Questions

  • Unable to make or receive phone calls after installing IOS 10

    Unable to make or receive phone calls after installing IOS 10

    Hi Drovers run,

    I understand that after updating your iPhone to iOS 10, you are more able to send or receive phone calls. I know it's important to be able to use your iPhone as a phone, so I'm happy to provide assistance.

    Read this article to help to make and receive calls:
    If you cannot make or receive calls on your iPhone - Apple Support

    Thank you for using communities Support from Apple. See you soon!

  • Scroll smoothly makes very slow scrolling

    Since the version 15 (I think), the functionality of scrolling smoothly in Firefox makes very slow scrolling. Before that it was a much faster way. With the scroll wheel makes it easy to just go up or down a page, it is smooth, but terribly slow. With smooth scrolling turned off, it is all back to normal speed (as in Windows Explorer, but also in Internet explore when scrolling is quite normal speed). Downside with people with disabilities, of course it's all more jerky now.
    All the drivers are up to date. Everything where I scrolling is not serious, the normal speed. Only Firefox is way to slow down with scrolling when Smooth Scrolling is enabled.

    Is it possible to change the speed of scrolling with active smooth scrolling?

    Well, did some experiments and found a setting in everything: config that makes Smooth Scrolling fast and smooth: look in: config for mousewheel.min_line_scroll_amount. By default, which has a value of 5. I changed only in 50 and now smooth scrolling looks and feels like before.

  • How to make my site in a mobile site without doing it all again

    How to make my site in a mobile site without doing it all again? Please fern

    Hey fern,

    Currently, it is the only way to do so.

  • Being new to such things, I designed a web site to read on a computer. If I make a Tablet and a mobile design I need different URLS for them on the same site or the devices will be able to open those instead of the computer?

    Being new to such things, I designed a web site to read on a computer. If I make a Tablet and a mobile design I need different URLS for them on the same site or the devices will be able to open those instead of the computer?

    Muse deals, each device uses the correct layout. You n ' to do anything, except to create the respective pages.

  • Direction of scrolling for mobile and tablet of switching

    Hello

    I am creating a web page with horizontal scrolling, but with the sense of vertical scrolling of the mouse. It now dawned on me only for use on mobile phones and tablet users will not be able to access the site by using the vertical scroll. Is it possible to go scrolling when on mobile phones and tablets without changing the whole layout.

    Thank you

    To change the orientation of the page itself with scrolling for mobile devices? In this case, no, we cannot simply change the scrolling horizontally with all content being same with vertical scrolling.

    Thank you

    Sanjit

  • Make movement of normal scrolling on mobile device?

    Hi I'm new to muse and have made this site for my iPhone App www.scanmarksapp.com

    As you can see, it does not have to scroll like normal websites and does not hide the search bar on safari on iOS.

    Please can anyone advise me how I can change this so that it is normal.

    Thank you

    Hi Harvey.

    It loads the link to install the application on apple store, which is the origin of the problem of scrolling on safari.

    You have added outside the Muse?

    Kind regards

    Akshay

  • Make the iframe automatically adjust the height according to the content without using the scroll bar?

    Hello

    I develop the site (www.meninasreais.com.br) and have a doubt. I created the basic html - menu, header - in Adobe Muse. I'm trying to insert an iframe that automatically adjust the height according to the content of the blog.

    I tried with different codes, the framework is installed on the same domain as the site and none of them worked. What can I do it wrong? Thank you.

    The code that was inserted below:

    < script language='JavaScript'>

    <!--

    Function autoResize (id) {}

    var newheight;

    var NewWidth;

    if (document.getElementById) {}

    newHeight = document.getElementById (id). contentWindow.document. body.scrollHeight;

    NewWidth = document.getElementById (id). contentWindow.document. body.scrollWidth;

    }

    document.getElementById (id) .height = (newheight) + 'px';

    document.getElementById (id) .width = (newwidth) + 'px';

    }

    ->

    < /script >

    < IFRAME SRC='www.meninasreais.com.br' width='600px' height='200px' id='iframe1' marginheight='0' frameborder='0'onLoad="autoResize ("iframe1");" > < / iframe >

    Hi, I successfully did this for my blogging engine.

    I use jquery.autoheight.js

    In the property of my page:

    In my html box:

    This work in Adobe muse. My iframe it set itself with the content of my blog.

    Example: http://www.solutionsip.ca/blog.html

  • Scroll offsets on all iOS Devices

    Hi guys, hope you can help me. I know there are several threads on this forum but I could not find a satisfactory answer.

    So my problem is: there are heavy on this site scroll offsets: conco.businesscatalyst.com - iOS devices except the Imac and Macbook. Both the desktop on Ipad version and the mobile version on Iphone/Ipod can not be used.

    Previously, I created this page: masshoffdrums.com/phone.index.html and everything works fine. (But there is no menu bar). So I guess it has something to do with my navigation bar on my previous site which has a scroll effect (stick to the top)

    You have any ideas?
    I really need your help guys.

    Thank you!

    Ben

    Please check as that related posts:

    https://forums.Adobe.com/thread/1408916

    Thank you

    Sanjit

  • How to make BIGGER right scrolling?

    I just want to make the scroll bar BIGGER - NOT "toolbars" that keeps popping up.

    I went from Aero to a basic theme. I can get the old dialog box by right-clicking on the desktop, choose personalize, and then at the bottom of this pane, by clicking on the color of the window to access the dialog box directly. With Aero Themes, you get a middle color screen and click on the advanced settings link.

  • I can install is no longer AIR mobile apps iOS 9.3.1

    Hello

    I have updated iOS on my iPhone a few days ago, and yesterday, I noticed that I can not install IPA files with adt or iTunes.

    If I install it with iTunes, the icon and the progress bar will appear on the homepage for a few moments, then disappears.

    If I use HAA it gives "Setup error: ApplicationVerificationFailed. 'error."

    Anyone experienced this?

    Notes:

    • Latest OSX
    • latest iOS
    • AIR21 and AIR19 both produce the same result
    • Nothing has changed regarding the signing certificate
    • This version is just an update, the app worked 3 months, never experienced this problem
    • Download the application to store the Application Loader that seems to work well, iTunesConnect also seems well, but I have not activated this version still TestFlight testers, because I fear that something will break
    • The setting (settings/general) where I used to manage the developer certificates is gone.
    • The application appears on iTunes (installation fails), but no icon (instead, it displays an icon for the default application) and it can not be installed

    Thank you

    Update:

    I tested with Simulator and it installs and works fine, although iOS version of the Simulator is 9.3

    Post edited by: Tamas Sopronyi

    Hi IGZN,

    We tried to reproduce the bug on AIR 19 and 21 on Mac and iOS 9.3.1 but the issue is not reproducible.

    If you try with AIR SDK 21, please make sure that you have added the certificate to the keychain before packing HAA...

    If you still experience this issue, please add a sample project to help us reproduce this problem

    Note: There is a bug with the Windows SDK, so active contains Info.plist installation fails with "Setup error: ApplicationVerificationFailed.»

    The fix has been identified and will be available soon.

    -Roshan

  • Would it not be possible to capture the camera on mobile devices (ios and android)?

    Mr President.

    I don't have frind and support, but I have a question to ios and android, for should I check the video of

    Adobe Flash Profession.I understand that we can design code for Android and IOS and compile, package

    in Flash applications, but my problem is would be possible camera capture (input) on mobile and ouput devices a H.264 files.

    I have a friend in this world, can you let me know, I'm not alone, I need to fight for my faith the mobile phone isn't troublemaker... @.

    You can access the data in the library using the cameraroll class.

  • How to make an iframe auto adjust to its content?

    I saw a lot of questions on this forum, but no real answer. I have a WordPress blog in an iframe on my site of Muse and I would for the auto setting based on the content height. How to make this happen?

    This puzzled as I. I looked and tried many complex solutions. I'm not a coder (that is why I use Muse), so I tried, failed, abandoned, waited as it became more a priority and tried again. Found a simple and elegant solution on another thread help here:

    I use an Iframe to display a PDF on my site of Muse, but it does not work on the iPad. Please notify

  • Horizontal scroll a movieclip in iOS

    Hello

    I'm trying to find some extension or library to horizontally scroll a movieclip in an iOS app made with AIR 3.5.

    I tried a few, but the performance is not so good, even in the iPhone 5 or iPhone 3 g, so if someone knows a good way to do it, I'll be grateful.

    Use Greensock.  Throwprops is great!

  • Why makes unreadable page scrolling

    Scroll a Web page with the mouse or the arrow keys, bow or extends the page at an angle. Do not use Internet explorer.

    Hello MSG_G, this may be a problem with hardware acceleration - try updating your graphic driveror in case this does not solve the problem, or there is no new version available at the time, disable hardware acceleration in firefox > options > advanced > General.

Maybe you are looking for