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
Related
I need to disable specific for ios swipe or scroll (i don't know how it named correctly).
When we scroll content down (no more data), and after it we can scroll content again (Only in ios).
Can i disable it?
video
Dmitriy Ler , scrolling behaviour on iOS devices has extend scrolling even there is no items below/above the list's.
Same issue i was facing with my project , It took almost 3 weeks to find root cause.
Then i published my solution to npm
Please reach out to this library , It'll definitely solves your problem.
https://www.npmjs.com/package/disable-ios-scrolling
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.
I created simple web page using semantic ui library: http://cvhunter.net/m
Scrolling vertically is glitching on iphone sometimes especially first scrolling try.
How can i fix this ?
Thanks.
I fixed my problem, it is causing because of overflow-x:hidden at container div.
I'm using the webkit-overflow-scrolling:touch property on an iOS/Android WebApp and it works in most cases and provides a native scrolling experience without Rubberband Scrolling.
Now the issue is, when the div that needs to be scrolled isn't tall enough the rubberband scrolling will happen again. I tried setting height:100% but that didn't help either.
Any ideas?
I've come across this when I made a Cordova iOS app. You can fix this by applying min-height: 101%. Though, that would make your page scrollable for a minor distance but it will trigger the desired effect you're looking for.
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