ionic scrolling is too laggy for windows phone 8

Question

I'm using Ionic to build a hybrid app for Android and Windows Phone 8.1.

When scrolling, the below code:

<ion-content padding="true" scroll="true" direction="y" scrollbar-y="false" scrollbar-x="false" has-bouncing="true">
  <!-- creating many paragraphs -->
  <p ng-repeat="content in contents">{{content}}</p> //many paragraph
</ion-content>

is working smoothly in Android, but very laggy in Windows Phone 8.1

I even used overflow-scroll, but it is still too slow.

Please advise me any fix or workaround for this issue.

Thanks in adnvance!

Thanks for your help, but unfortunately it doesn't help much. — haipham23
@haipham23: Im facing the same issue, were to able to find a solution for this? — casper123
@casper123: yes we can, simply by removing position: absolute, overflow:hidden, ect... in body and html tag in ionic.css. However, be noticed that most of directives related to view and scroll such as ion-view will be useless, which should be replaced by div instead. It would require a consideration of time to adapt to Windows Phone. Regards. — haipham23
@haipham23: Do you mean I should replace ion-content and ion-view with normal div ? I've only commented overflow: hidden in body tags.. Is there something else I need to do? Can you please provide some specific example? — casper123

Tom Seldon Tom Seldon · Accepted Answer · 2015-07-20T08:32:05

This may not be relevant to you, but I had a similar issue. When using the wp8 platform (e.g. ionic platform add wp8) the app seemed to be wrapped in Silverlight and was painfully slow. Pretty unusable.

Changing to a Windows universal app (ionic platform add windows) it was much, much better (but still has other problems not relevant to this post).

ionic scrolling is too laggy for windows phone 8

2 Answers