This is a migrated thread and some comments may be shown as answers.

Sticky scrolling on iOS devices

1 Answer 138 Views
General Discussion
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Dominic
Top achievements
Rank 1
Dominic asked on 15 Sep 2016, 09:23 AM

Hi 

I've come across some strange behaviour that only affects iOS devices. We have a hybrid app built using Apache Cordova, and everything works as expected but we've been seeing some odd scrolling behaviour on certain iOS devices. When you swipe to scroll it may take a couple of swipes, or there is a slight delay between the swipe and the scrolling.

It doesn't affect Android and it doesn't affect all iOS devices. The affected versions are an iPhone running iOS v9.3.5 and an iPad running iOS v9.3.2.

Has anyone else come across this issue, and if so, did you manage to resolve it? It's not a deal breaker and we're happy to release our app regardless.

Kind regards

Dominic Burford

 

 

1 Answer, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 20 Sep 2016, 06:01 AM
Hello Dominic,

I am copying my suggestions from the support thread here, in case anyone else has a similar issue and is interested in the possible causes.

Possible Kendo UI-related causes:
  • If your problematic view has a ListView with endless scrolling enabled, it is possible that the load time for the data is longer and the ListView cannot bind fast enough to new items. You can try increasing the DataSource page size, as recommended in this article for smooth scrolling.
  • If there isn't a ListView with endless scrolling in the problematic view, you can consider enabling native scrolling in it by setting data-use-native-scrolling="true"You can learn more about the difference between emulated and native scrolling here.

Also, on iOS, a possible reason for such behavior is the WebView overscrolling. To disable it:
1. Right-click your project name and select Edit Configuration -> iOS Config.
2. Locate this line:
<preference name="DisallowOverscroll" value="false" />
3. Change the preference value to true to disallow the webview overscroll.
4. Save and re-build your project.

Regards,
Tsvetina
Telerik by Progress
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussion
Asked by
Dominic
Top achievements
Rank 1
Answers by
Tsvetina
Telerik team
Share this question
or