Scrolling not working on appery tester.

[Juan Pieterse]

Hi. I recently updated my Appery.io Tester app. (version 4.2)
In my app there are several pages with lists. In the previous version of the app,
I could scroll through these lists. (clicks, services, etc all works fine as it used to.) Currently when testing the app on my desktop browser, the scrolling also works fine. I checked the console in my browser, and there does not seem to be any errors. (sometimes JS errors affect clicks/scrolling)

I did create a NEW test app, and the scrolling worked 100% fine on the mobile tester app and web.

Please don't tell me ive got to re-write my app. I can't afford the coffee.

[Illya Stepanov]

Hi Juan,

Thank you for reporting this.

Can you let us know which device you're using? And is it works as an exported binary package .apk on the device?

[Juan Pieterse]

I have not tried the binary package, However, I tried rewriting the app, and I found that the moment I add animation css, all scrolling stops working.
The css animation runs fine on both desktop browser and appery tester, but the scrolling stops working on the tester, even on pages that don't make use of the css animation.

[Evgene Karachevtsev]

Hello Juan,

Could you please clarify do you have any errors or warnings in a browser console? Also please check if you have this issue with installed on a device binary app.

[Juan Pieterse]

I could not pick up any CSS or JS errors in my browser.
Recently I re-tested my app, and the scrolling suddenly seems to
work, but it had some strange behaviour.
( == Note: I made NO code/css changes at all. == )
For example, the footer should remain static when scrolling (swiping upwards)
while the content coming up from the bottom should pass 'underneath'
the footer. But the footer 'jumps' upwards a bit as I'm scrolling, and it
returns to its original position when I stop scrolling. It gives the
app an unneccessary jittery feel.
I don't know if you guys have been working on this, but I have a gut feel that my CSS animation code may interfere with yours (?)
On one of my pages I have a css ripple effect running 'on top' of an image. I have turned it 'off' for now (cleared the css file) to make the scrolling look ok. In order to bypass the animation css/scroll issue, I'll probably end up converting the image to an animated gif with the same effect as the css. But it would be really cool if one could use css animations with appery with it not affecting things like scrolling.

[Serhii Kulibaba]

Hello Juan,

Please remove all transform and animation CSS styles from the footer:
pre
.ui-footer, .ui-footer.ui-fixed-hidden{
position:fixed;
}

.ui-footer.slideup.in, .ui-footer.slideup.out.reverse {
-webkit-transform: inherit;
-webkit-animation: inherit;
-moz-transform: inherit;
-moz-animation: inherit;
transform: inherit;
animation: inherit;
}/pre