I already have an app. Im trying to integrate iScroll for faster scroll in iOS.
So created iScroll instance on the element having "overflow:auto" as specified in http://iscrolljs.com
Android has no issues. But iOS doesn't scroll at all.
Anything else do I need to do to let this work in iOS ?
I think my answer can help someone who is stuck with iScroll.
In the existing app, just check if there are any transitions already added on the element. As these will override the transition added by iScroll.
in iOS 10 scrolling is not smooth, use {'useTransition': false} for smooth scroll. But iOS 11 works fine without this.
These will be ignored sometimes.
Related
I am building a phonegap app and using iscroll to improve scrolling on both android and iOS but since upgrading to iOS 10 the scrolling has become very jerky(it does not follow my finger and when it catches up it scrolls really fast where you can not read anything).
Has anyone else had this issue or found a work around?
Update:
I have discovered that the if I remove the 'position:relative' from the body element in my css I can scroll smoothly but the scrollable window no longer grows correctly so my infinite scrolling does not work.
Also I am using iscroll-probe.js and I am not sure if that makes a difference.
Thanks
Working with Cordova and Ionic at the moment and trying to make an app as backwards compatible as possible (which is going surprisingly well) except I have stumbled upon one small issue.
The navbar after iOS 7 is bigger in that it covers the background of the status bar as well, as seen below.
So when I load the app on a phone running iOS 6 or earlier, the status bar doesn't get resized, the whole page just gets moved down, hiding some of the content in the footer.
Any help would be greatly appreciated. I'm probably missing something simple.
If I'm understanding correctly, then you need to add padding like this:
document.body.style.marginTop = "20px";
This should make the navbar view correctly.
See this - http://coenraets.org/blog/2013/09/phonegap-and-cordova-with-ios-7/
I have seen multiple methods to "remove the previous/next/done toolbar" from the keyboard, but each time I tried implementing the code snippets it never worked.
I'm fairly sure it's because a lot of these were to be used within phonegap, and I'm trying to avoid phonegap all together, I just want a native iOS 7 solution to remove the keyboard's toolbar from inside a UIWebView.
Obviously it's possible when using phonegap, but is there way to do this without phonegap?
I remember testing things over here...
how to remove prev next button from virtual keyboard IOS
...but none of that was working for me. Maybe someone has advice to lead me in the right direction?
Actually...
After reading this: https://stackoverflow.com/a/19604918/3138300
I noticed that by changing [self webView] to [webView self] it worked flawlessly. Not sure why, but hey - I'll accept it.
Nevermind, I succesfully removed the toolbar in my app with this method plus what I did to change the code to actually build.
I'm developing a web-app, based on the Dribbble API. In this app I have a div which shows all comments with a max-height of 200px, so if there's more than 200px worth on comments, the div gets scrollable. So far so good, works as intended on iOS.
However, when I add a Scale transfrm to this div (to mimic iOS's folder opening animation), scrolling the div breaks entirely. You can see the live version here: http://maxsteenbergen.com/longshot/
Is this fixable by setting a a new style using jQ's webkitAnimationEnd or is this without solution?
EDIT: In the meantime I found that using two fingers to scroll the div works but obviously, this is not how it's supposed to work.
It's also worth noting that scrolling DIV's don't work on older versions of iOS - it might be worth having a look at iScroll.
You can implement native iOS UI and achieve much better UI feedback. especially on scroll view. To obtain data from Dribbble API you may use 3rd-party Dribbble iOS SDK: https://github.com/agilie/dribbble-ios-sdk
iOS 5's Mail app has a nifty little swipe gesture that brings up the sidebar in portrait mode. Now it seems like that gesture would be useful in other apps that use the master/detail layout, but as far as I can tell Apple hasn't released any sample code or documentation to show how the effect was created.
I've thought about how to replicate the effect in my own app but I'm not super experienced in view programming. Has anyone managed to recreate this effect in their own apps or would anyone know how to do so?
Here's a downloadable project that pretty well reverse engineers everything the Mail app is doing with its split view interface: https://github.com/mattneub/Programming-iOS-4-Book-Examples/blob/master/convertedToIOS5/p560p575splitViewNoPopover/p560p575splitViewNoPopover/MySplitViewController.m
Here you go: http://useyourloaf.com/blog/2011/11/16/mail-app-style-split-view-controller-with-a-sliding-master-v.html