Forum | Appery.io

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.

Hi Adam,

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

Thanks Katya. It can't be that simpe

Where exactly? To the moblilecontainer's properties?

Adam,

As I suppose, to 'PickFoodContainer'.

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

Hi guys,
Anybody on that?

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?

Hi Katya,

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

No. I haven't changed Source files.

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

Hi Adam,

Sure. We are working on it...