Fast scrolling on iOS

[Adam Garbinski]

Hello,

I am trying to improve UX with scrolling on iOS devices. Native browser's scrolling leaves a lot to be desired. I have found couple of web pages on that, and it looks like that since iOS version 5 it is possible:

http://johanbrook.com/browsers/native...

http://css-tricks.com/snippets/css/mo...

http://stackoverflow.com/questions/18...

http://weblog.west-wind.com/posts/201...

Can you please advise me if it is possible with Appery and how should I implement this feature? I tried couple of simple approaches like adding this styling:

.fastScroll {
overflow-y: scroll !important;
-webkit-overflow-scrolling: touch !important;
}

via page load event:

Appery('PickFoodContainer').addClass('fastScroll');

but none worked for me.

[Kateryna Grynko]

Hi Adam,

Just add the class name in properties panel in field 'Class Name'.

[Adam Garbinski]

Thanks Katya. It can't be that simpe

Where exactly? To the moblilecontainer's properties?

[Kateryna Grynko]

Adam,

As I suppose, to 'PickFoodContainer'.

[Adam Garbinski]

Ok. I have added, but unfortunately no change in scrolling experience.
Any ideas?

[Adam Garbinski]

Hi guys,
Anybody on that?

[Kateryna Grynko]

Hi Adam,

Let's check if styles applied.

F12 - Elements, and here find a tag with attribute data-role="content" (or right mouse button click on container and see sources) and see styles.

Here is an example:

Class fastScroll is applied.

Did you change Source files?

[Adam Garbinski]

Hi Katya,

Yes. The style is applied. You can see it here:

No. I haven't changed Source files.

[Adam Garbinski]

Hello,
Can anybody help me please with what to do next?

[Kateryna Grynko]

Hi Adam,

Sure. We are working on it...